Jquery有很多方法，蘇州網(wǎng)站制作總結(jié)了平時(shí)常用的一些方法，分享給大家，也順便加強(qiáng)下記憶。當(dāng)然這些方法的使用網(wǎng)上都有，甚至總結(jié)的比下面的還要詳細(xì)，不喜勿噴哦。

1.each()：遍歷函數(shù)
用法：它是一個(gè)通用的迭代函數(shù)，可以用來(lái)無(wú)縫迭代對(duì)象和數(shù)組。jQuery.each(collection, callback(indexInArray, valueOfElement) )
<pre>
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
})

</pre>

2.append()：插入節(jié)點(diǎn)
用法：使用append(content[,content])方法在每個(gè)匹配元素里面的末尾處插入?yún)?shù)內(nèi)容，參數(shù)可以是DOM元素，DOM元素?cái)?shù)組，HTML字符串，或者jQuery對(duì)象
<pre>

$('#btn').click(function(){
$('#box').append('<spanid="test">測(cè)試內(nèi)容</span>');
$('.inner').append($('#box'));
})

</pre>

3.remove()：刪除節(jié)點(diǎn)
用法：remove()方法會(huì)將元素自身移除，同時(shí)也移除元素內(nèi)部的一切，包括綁定事件及與該元素相關(guān)的jQuery數(shù)據(jù)
<pre>
$('#btn1').click(function(){
$div = $('.inner').remove();
})
</pre>

4.attr(attributeName)：增加和獲取屬性
用法：attr(傳入特性名)：獲取特性的值，相當(dāng)于DOM中的getAttribute()，這個(gè)方法既可以設(shè)置屬性也可以取出某個(gè)屬性。
實(shí)例：
取出屬性：console.log($('#test').attr('id'));
增加屬性：$('#test').attr('title','123');

5.removeAttr(attributeName)：刪除屬性
用法：removeAttr()方法使用原生的removeAttribute()函數(shù)，但是它的優(yōu)點(diǎn)是可以直接在一個(gè)jQuery 對(duì)象上調(diào)用該方法。
實(shí)例：$('#ele1').removeAttr('title data');

6.replaceWith()：替換節(jié)點(diǎn)
用法：replaceWith()方法用提供的內(nèi)容替換集合中所有匹配的元素并且返回被刪除元素的集合
實(shí)例：
<pre>
$('#btn').click(function(){
alert($('.inner').replaceWith('<div>div</div>').html())
})
</pre>

7.type()：檢查類型
用法：type()方法用于檢測(cè)javascript對(duì)象的類型如果對(duì)象是undefined或null，則返回相應(yīng)的“undefined”或“null”

8.find()：獲取后代元素
用法：find()方法通過(guò)一個(gè)選擇器，jQuery對(duì)象，或元素過(guò)濾，得到當(dāng)前匹配的元素集合中每個(gè)元素的后代，匹配的元素將構(gòu)造一個(gè)新的jQuery對(duì)象

9.data()：存儲(chǔ)數(shù)據(jù)
用法：存儲(chǔ)任意數(shù)據(jù)到指定的元素并且/或者返回設(shè)置的值，jQuery.data( element, key, value )。
屬性：element:Element 要關(guān)聯(lián)數(shù)據(jù)的DOM對(duì)象；key: String 存儲(chǔ)的數(shù)據(jù)名；value:Object 新數(shù)據(jù)值
實(shí)例：$.data(document.body, 'foo', 52);console.log($.data( document.body, 'foo'));//52

10、獲得內(nèi)容 - text()、html() 以及 val()
? text() - 設(shè)置或返回所選元素的文本內(nèi)容
? html() - 設(shè)置或返回所選元素的內(nèi)容（包括 HTML 標(biāo)記）
? val() - 設(shè)置或返回表單字段的值

11.Extend()方法
用法：這個(gè)方法運(yùn)用有點(diǎn)難度：jquery的擴(kuò)展方法extend是我們?cè)趯?xiě)插件的過(guò)程中常用的方法，該方法有一些重載原型。
<pre>extend(dest,src1,src2,src3...);它的含義是將src1,src2,src3...合并到dest中,返回值為合并后的dest,由此可以看出該方法合并后，是修改了dest的結(jié)構(gòu)的。如果想要得到合并的結(jié)果卻又不想修改dest的結(jié)構(gòu)，可以如下使用：</pre>
<pre>var newSrc=$.extend({},src1,src2,src3...)//也就是將"{}"作為dest參數(shù)。這樣就可以將src1,src2,src3...進(jìn)行合并，然后將合并結(jié)果返回給newSrc了。</pre>
實(shí)例：
<pre>var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"}那么合并后的結(jié)果result={name:"Jerry",age:21,sex:"Boy"}也就是說(shuō)后面的參數(shù)如果和前面的參數(shù)存在相同的名稱，那么后面的會(huì)覆蓋前面的參數(shù)值。</pre>