jQuery几种常用方法

find(expr)

HTML 代码:


< SPAN>Hello< /SPAN>, how are you?jQuery 代码:
$("p").find("span") 结果:
[ < SPAN>Hello< /SPAN> ]


作用：搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。


文档处理

attr(key,value)

HTML 代码:
< IMG>< IMG>

jQuery 代码:
$("img").attr("src","test.jpg");


作用：取得或设置匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。在控制HTML标记上是必备的工具。


html()/html(val)

HTML 代码:

< DIV>
Hello< /DIV>


jQuery 代码:

$("div").html();

结果:

Hello

作用：取得或设置匹配元素的html内容，同类型的方法还有text()和val()。前者是取得所有匹配元素的内容。，后者是获得匹配元素的当前值。三者有相似的地方常用在内容的操作上。

wrap(html)
HTML 代码:
Test Paragraph.
jQuery 代码:
$("p").wrap("
< DIV class=wrap>< /DIV>"); 结果:
< DIV class=wrap>
Test Paragraph.


作用：把所有匹配的元素用其他元素的结构化标记包裹起来。这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。 可以灵活的修改我们的DOM。

empty()

HTML 代码:

Hello, Person < A href="http://www.jb51.net#">and person< /A>


jQuery 代码:

$("p").empty();

结果:

作用：删除匹配的元素集合中所有的子节点。

Ajax处理

load(url,[data],[callback])

url (String) : 待装入 HTML 网页网址。

data (Map) : (可选) 发送至服务器的 key/value 数据。

callback (Callback) : (可选) 载入成功时回调函数。

代码：

$("#feeds").load("feeds.aspx", {limit: 25}, function(){alert("The last 25 entries in the feed have been loaded");});


作用：载入远程 HTML 文件代码并插入至 DOM 中。这也是Jquery操作Ajax最常用最有效的方法。


serialize()

HTML 代码:


Results:

< FORM>< SELECT name=single> < OPTION selected>Single< /OPTION> < OPTION>Single2< /OPTION> < /SELECT>< SELECT multiple name=multiple> < OPTION selected>Multiple< /OPTION> < OPTION>Multiple2< /OPTION> < OPTION selected>Multiple3< /OPTION> < /SELECT>< INPUT value=check1 type=checkbox name=check> check1< INPUT value=check2 type=checkbox name=check checked="checked"/> check2< INPUT value=radio1 type=radio name=radio checked="checked"/> radio1< INPUT value=radio2 type=radio name=radio> radio2< /FORM>


jQuery 代码:

$("#results").append( "< TT>" + $("form").serialize() + "< /TT>" );


作用：序列化表格内容为字符串。用于 Ajax 请求。

工具

jQuery.each(obj,callback)

代码：

$.each( [0,1,2], function(i, n){alert( "Item #" + i + ": " + n );});//遍历数组$.each( { name: "John", lang: "JS" }, function(i, n){alert( "Name: " + i + ", Value: " + n );//遍历对象});


作用：通用例遍方法，可用于例遍对象和数组。

jQuery.makeArray(obj)

HTML 代码:

First< DIV>Second< /DIV>
Third< /DIV>
< DIV>Fourth< /DIV>


jQuery 代码:

var arr = jQuery.makeArray(document.getElementsByTagName("div"));


结果:

Fourth

Third

Second

First


作用：将类数组对象转换为数组对象。使我们可以在数组和对象之间灵活的转换。

jQuery.trim(str)

作用：这个大家应该很熟悉，就是去掉字符串起始和结尾的空格。


详细出处参考：http://www.jb51.net/article/18490.htm