存档

‘JQuery学习’ 分类的存档

JQuery的Ajax提交表单

2008年7月22日
没有评论

我是一个JS挫人，所以这篇也难免会有不对的地方，如有不对的地方，还请指出，THX
对于JQ的Ajax提交，JQ本身是没有办法的。不过还好我们有不计其数的插件～
我们首先下载form.js这个JQ的插件，然后我们就可以开工了 阅读全文…

JQuery学习

Jquery的乱七八糟

2008年7月21日
没有评论

本人暂时只会PHP，C#处于学习阶段
对于PHP而言，JS始终是一个不可少的部分，所以，虽然对JS深恶痛绝，但是却不得不学～～
在这个浏览器标准完全不统一的阶段，要使得JS对于每个浏览器的支持都还不错，那么框架是个很好的选择——在底层帮你把一些需要注意的东西都写好了～
何乐不为？
JQuery，上～ 阅读全文…

JQuery学习

jquery-getting-started中的一个小bug

2008年7月21日
1 条评论

不得不说，文章作者对于JQuery的讲解还是可以身为深入浅出的，几句话就将JQuery的选择器以后一些操作说明的很清楚，让我这样一个JS白痴可以看懂～
但是在看到tablesorter插件那个地方的时候，作者犯了一个小错误，而且我估计很多人都会犯这样子的错误

  1. $(document).ready(function() {
  2.     $("#large").tableSorter();
  3. });

对于习惯了匈牙利命名法的朋友觉得其实没有什么，包括我～但是运行的时候，对于table中的内容没法排序～
囧～
弄了一会发现是JQuery对于大小写敏感，正确的代码是这样子的

  1. $(document).ready(function() {
  2.     $("#large").tablesorter();
  3. });

不应该有大写字母存在～
而且就我这几天对于JQuery的学习，发现JQuery的方法基本上是没有大写的，都是小写。当然，属性是有大写的～

JQuery学习 ,

JQuery基础

2008年1月31日
1 条评论

弄了半天,有了一点眉目.不敢独享,写出来。高手可以直接无视，和我有同样迷惑的朋友可以稍微看一下

首先说一下返回值的类型的一些东西，大概有两种比较让人迷惑返回值

  1. jQuery──这种是比较常见的返回值，比如eq函数，lt，gt等等。之所以返回了一个jQuery,那么这个返回值可以直接在jQuery中进行操作，比如append等等之类的操作，不可以直接document.write的形式写在网页中（写了之后是这个的类型）
  2. Element。返回这个值的话，那么返回的其实是一个DOM，你可以对这个对象进行属性的操作。比如$(”p”).get(1)，那么这个时候返回的是一个DOM对象，就是第二个p元素，你可以进行DOM的操作

另外还有一个比较绕人的地方就是$(”")中表示的意义。有的是asdf，有的是#asdf，有的是.asdf，到底表示什么意思？如果直接是asdf的话，那么这个asdf代表DOM对象的标签，比如”<p>”，如果是#asdf，这个asdf代表DOM元素的id，如果是.asdf,这个asdf是DOM对象的class

jQuery的功能还是很强大的，很大程度上解决了我们对于DOM对象的操作和ajax实现的难度。最为简单的ajax实现代码如下：
data = $("#form1").formSerialize();
$.post("index.php?op=ajax",data,function(msg){
alert(msg);
})

注意，formSerialize()函数需要jquery.form.js插件的支持

msg显示的是提交地址（本例是index.php?op=set）接受$_POST之后的显示，比如可以这样子测试，将index.php写成如下内容
if($_GET['op']==”ajax”){
var_dump($_POST);
}

则index.php最后将POST给dump出来，那么对应上面JS中，msg的值就是dump出来的POST

是不是很简单？上面只是一个演示，你完全可以在我们演示的地方写上自己的逻辑业务，比如写入数据库之类的。这样子就实现了使用ajax提交表单内容。虽然这只是最简单的一个ajax示例，但是已经能出来对于ajax操作jQuery封装的也是非常好的。很方便~

如果写的时候觉得不好写，可以参考附件中的api手册，对应的jQuery版本是1.2.1,不过这些都是大同小异，高版本可以拿来直接使用

下载地址

JQuery学习