jQuery常用函数整理

1. toggle(fn,fn)

$("td").toggle(
    function () {
        $(this).addClass("selected");
     },


     function () {
          $(this).removeClass("selected");
     }
)

作用：会进行切换，用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。

 

2.wrap(html)

<p>Test Paragraph.</p>


$("p").wrap("<div class='wrap'></div>"); 


结果：
<div class='wrap'>
    <p>Test Paragraph.</p>
</div>

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

 

3.empty()

<p>Hello, <span>Person</span> <a href="#">and person</a></p> 

$("p").empty(); 

结果：
<p></p>

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

 

4.serialize()

遍历一个表单的内容

 

5.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 );//遍历对象
});

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

 

6.jQuery.makeArray(obj)

<div>First</div>
<div>Second</div>
<div>Third</div>
<div>Fourth</div> 

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

结果：
Fourth
Third
Second
First 

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