jQuery是一種非常流行的JavaScript庫(kù),為我們提供了許多強(qiáng)大的功能來(lái)處理DOM元素、事件和動(dòng)畫(huà)。其中一個(gè)最基本的功能是查找和選取DOM元素,jQuery提供了多種方法來(lái)實(shí)現(xiàn)這個(gè)目的。下面我們就來(lái)介紹其中的一些方法。
// 選擇器方法 $(selector) // 選擇器方法返回匹配指定CSS選擇器規(guī)則的元素。selector可以是CSS選擇器字符串、DOM元素、DOM元素?cái)?shù)組、jQuery對(duì)象、HTML文本 // ID選擇器 $("#id") // ID選擇器是通過(guò)#指定DOM元素的ID屬性完成的 // 類(lèi)選擇器 $(".class") // 類(lèi)選擇器是通過(guò).指定DOM元素的class屬性完成的,可以匹配多個(gè)元素 // 元素選擇器 $("element") // 元素選擇器是通過(guò)指定DOM元素類(lèi)型完成的,可以匹配多個(gè)元素。如:$("div") // 后代選擇器 $("ancestor descendant") // 查找ancestor的所有后代元素,可以使用空格來(lái)分隔選擇器字符串 // 屬性選擇器 $("selector[attribute]") // 屬性選擇器是通過(guò)指定元素的屬性完成的,可以匹配多個(gè)元素。如:$("input[type='text']") // 過(guò)濾選擇器 $("selector").filter(":filter") // 過(guò)濾選擇器是通過(guò)對(duì)匹配元素進(jìn)行過(guò)濾操作,返回一個(gè)新的匹配元素集合。如:$("div").filter(".red") // 查找方法 $("selector").find(filter) // 查找方法是通過(guò)選擇器指定的元素篩選并查找其后代元素。filter是可選參數(shù),表示在查找結(jié)果中篩選元素 $("selector").children(filter) // 子元素查找方法是返回選擇器指定的元素的直接子元素。filter同樣是可選參數(shù) // 遍歷方法 $("selector").each(function(index, element){...}) // each方法是對(duì)匹配元素集合進(jìn)行遍歷操作,function中的參數(shù)index和element分別表示當(dāng)前迭代的索引和匹配元素 $("selector").first() // first方法返回匹配元素集合中的第一個(gè)元素 $("selector").last() // last方法返回匹配元素集合中的最后一個(gè)元素