jQuery 是一個快速、簡潔的 JavaScript 庫,可以極大地簡化客戶端腳本編寫的難度。在 jQuery 中,過濾器功能非常強大,今天我們就來了解一下 jQuery 過濾器的分類及使用方法。
1.基本過濾器
$(selector).first() // 獲取第一個元素 $(selector).last() // 獲取最后一個元素 $(selector).eq(index) // 獲取匹配元素集合中指定索引處的元素 $(selector).filter() // 過濾匹配元素集合,獲取滿足指定表達式的元素
2.內容過濾器
$(selector).contains(text) // 獲取包含指定文本的元素 $(selector).empty() // 獲取不包含子元素的元素 $(selector).has(selector) // 獲取包含指定選擇器的元素 $(selector).parent() // 獲取父元素
3.可見性過濾器
$(selector).hidden() // 獲取不可見元素 $(selector).visible() // 獲取可見元素 $(selector).toggle() // 顯示或隱藏元素
4.屬性過濾器
$(selector).hasAttr(name) // 獲取包含指定屬性的元素 $(selector).not(selector) // 獲取不符合指定表達式的元素 $(selector).prop(propName) // 獲取指定屬性的值 $(selector).removeAttr(name) // 刪除指定屬性的元素
5.狀態過濾器
$(selector).focus() // 獲取當前獲取焦點的元素 $(selector).checked() // 獲取當前選中的元素 $(selector).enabled() // 獲取可用的元素 $(selector).disabled() // 獲取禁用的元素
總結一下:jQuery 過濾器在日常前端開發中是非常常用的,能夠大大提高代碼的效率和可讀性。掌握過濾器的使用方法,將為我們的開發工作帶來很大便利。
上一篇css怎么做效果