JQuery選擇器是網(wǎng)頁開發(fā)中非常實(shí)用的一個(gè)功能,但有時(shí)候選擇器的結(jié)果會(huì)比較多,這時(shí)候我們就需要進(jìn)行結(jié)果的過濾,以達(dá)到精確的選擇效果。
// 這是一個(gè)簡單的選擇器 $("p") // 下面是一些選擇器過濾的例子 // 僅選擇元素名為“p”的第一個(gè)元素 $("p:first") // 選擇元素名為“p”的倒數(shù)第二個(gè)元素 $("p:eq(-2)") // 選擇元素名為“p”的所有子元素(排除子元素中的) $("p").not("p a") // 選擇class為“selected”的所有元素的直接子元素(排除后代元素) $(".selected").children() // 選擇class為“box”的元素的下一個(gè)兄弟元素 $(".box").next() // 選擇class為“box”的所有元素中,又包含class為“red”的元素的兄弟元素 $(".box").has(".red").siblings() // 選擇元素名為“p”的下一個(gè)元素,如果這個(gè)下一個(gè)元素是class為“selected”的元素,那么選擇其下一個(gè)兄弟元素 $("p").next(".selected").next() // 下面是一些其他的過濾方法 // :contains("string"):選取包含指定字符串的元素 // :visible:選取可見的元素 // :hidden:選取隱藏的元素 // :checked:選取被選中的radio或checkbox元素
以上是一些常用的過濾方法,當(dāng)然還有其他的方法可以根據(jù)需求靈活運(yùn)用。在實(shí)際開發(fā)中,過濾選擇器的正確使用可以讓代碼更加精簡易讀,提高開發(fā)效率。
下一篇css 下拉框慘淡