正在加载...
2008-1
31
发表于: JQuery学习 | 作者: 腾风无踪
标签:

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

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

  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,不过这些都是大同小异,高版本可以拿来直接使用

下载地址

: http://www.breestealth.com/61/base_of_jquery.html

本文相关评论 - 才一条评论
kinch
2008-02-17 15:10:52

jQuery函数返回的jQuery是一个对象,就是所谓的jQuery对象。

不过我也只是刚刚学了一点jQuery,相比prototype,jQuery还是很短小精悍的