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