亚洲妇女无套内射精,无码成人aaaaa毛片,亚洲av日韩av永久无码色欲,AAA级久久久精品无码片

自己總結(jié)的jQuery經(jīng)常使用的方法(需要記憶)

2018-02-02 關(guān)鍵詞:蘇州網(wǎng)站制作  蘇州網(wǎng)站建設(shè)  蘇州網(wǎng)站設(shè)計  蘇州做網(wǎng)站   2840

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

1.each():遍歷函數(shù)

用法:它是一個通用的迭代函數(shù),可以用來無縫迭代對象和數(shù)組。jQuery.each(collection, callback(indexInArray, valueOfElement) )
<pre>
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
})

</pre>

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

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

</pre>

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

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

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

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

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

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

9.data():存儲數(shù)據(jù)
用法:存儲任意數(shù)據(jù)到指定的元素并且/或者返回設(shè)置的值,jQuery.data( element, key, value )。
屬性:element:Element 要關(guān)聯(lián)數(shù)據(jù)的DOM對象;key: String 存儲的數(shù)據(jù)名;value:Object 新數(shù)據(jù)值
實例:$.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()方法
用法:這個方法運用有點難度:jquery的擴展方法extend是我們在寫插件的過程中常用的方法,該方法有一些重載原型。
<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>
實例:
<pre>var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"}那么合并后的結(jié)果result={name:"Jerry",age:21,sex:"Boy"}也就是說后面的參數(shù)如果和前面的參數(shù)存在相同的名稱,那么后面的會覆蓋前面的參數(shù)值。</pre>






首頁 網(wǎng)站建設(shè) 小程序 品牌設(shè)計 服務(wù)項目 案例展示 售后保障 聯(lián)系方式 新聞中心 關(guān)于我們 人才招聘
我們的優(yōu)勢

細(xì)致入微的前期服務(wù)
精準(zhǔn)的策劃服務(wù)
精湛的網(wǎng)頁設(shè)計
穩(wěn)定 可靠 極速的域名和服務(wù)器
任何問題,24小時回復(fù)并處理

版權(quán)所有:蘇州謝謝網(wǎng)絡(luò)傳媒有限公司  蘇ICP備11087090號   

首頁 電話 服務(wù)項目