簡單介紹一下今天所學(xué)的部分jquery方法肃晚。jquery方法命名比較語義化屑咳,理解起來比較簡單道盏,所有有些方法還是需要自己去探索的。
1.eq()方法
我們常用$()函數(shù)來返回一個對象隊列苟耻,此時可以用eq方法來精確選擇這個序列中的某個元素。eq方法的參數(shù)是從0開始的整數(shù)扶檐,跟數(shù)組的下標(biāo)很像凶杖。
$("p").eq(3) //這樣就是選擇了第4個p標(biāo)簽。
同樣的款筑,lt智蝠、gt、odd奈梳、even杈湾、first、last都是這個機理颈嚼。不過這些需要寫在$()里面毛秘,如$("p:lt(3)")就是選擇了下標(biāo)小于3的前三個p標(biāo)簽。
2.index()方法
如果不傳遞任何參數(shù)給 .index() 方法,則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置叫挟。
如果在一組元素上調(diào)用 .index() 艰匙,并且參數(shù)是一個DOM元素或jQuery對象, .index() 返回值就是傳入的元素相對于原先集合的位置抹恳。
如果參數(shù)是一個選擇器员凝, .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素奋献,則 .index() 返回 -1.
index()方法常跟$(this)合用健霹。
舉個例子。
$("div").click(function(){
alert($(this).index());
}) //這里就是輸出此div在所有div中的排名瓶蚂。
3.each()方法
each()表示遍歷節(jié)點糖埋,也叫作迭代符合條件的節(jié)點。和for循環(huán)的遍歷一個道理窃这。這個還是比較常用的瞳别。
$("p").each(function(i){
$(this).animate({"width":50 * i},1000);
});
上面的例子就是將所有p標(biāo)簽遍歷,使每個p標(biāo)簽的寬度與自己的下標(biāo)掛上鉤杭攻。
4.get()方法
get()方法和eq()方法基本一致祟敛,都仰賴$()的序列。
不過兆解,eq()返回的是jQuery對象馆铁,而get()返回的是原生JS對象。jQuery對象后面要跟著jQuery方法锅睛,原生對象后面要跟著原生屬性埠巨、方法。
$("p").eq(2).html("哈哈哈哈哈哈");
$("p").get(2).innerHTML = "哈哈哈哈哈哈";
//上面兩行代碼是等價的
其他介紹:
動畫相關(guān):show()顯示衣撬、hide()隱藏乖订、toggle()切換
額外內(nèi)容比較簡單,具體介紹可以參考https://github.com/lvye1221/Web1708/blob/master/F03-%E7%BB%84%E4%BB%B6-JQuery-%E5%8A%A8%E7%94%BB%E4%B8%8E%E8%8A%82%E7%82%B9/jQuery%E7%AC%AC2%E5%A4%A9%E8%AF%BE%E5%A0%82%E7%AC%94%E8%AE%B0.docx具练。