jQuery選擇器速查表
jQuery選擇器是一種用于查找和選定HTML元素的函數。在本文中,我們將分享一份jQuery選擇器速查表,以便開發人員或初學者快速查找和選擇所需的元素。
選擇器 描述 實例 ------------------------------------------------------------------------------------ * 選擇所有元素 $("*") #id 選擇具有特定ID的元素 $("#id") .class 選擇類名匹配的所有元素 $(".class") element 選擇具有特定元素名稱的元素 $("element") elem em 選擇任何elem元素內的所有em元素 $("elem em") parent > child 選擇父元素中的直接子元素 $("parent > child") siblings 選擇元素的兄弟元素 $("elem ~ siblings") prev + next 選擇prev元素之后的元素 $("prev + next") :first 選擇序列中的第一個元素 $("selector:first") :last 選擇序列中的最后一個元素 $("selector:last") :even 選擇序列中的偶數位置的元素 $("selector:even") :odd 選擇序列中的奇數位置的元素 $("selector:odd") :eq(index) 選擇序列中特定位置的元素 $("selector:eq(index)") :gt(index) 選擇序列中大于特定位置的元素 $("selector:gt(index)") :lt(index) 選擇序列中小于特定位置的元素 $("selector:lt(index)") :not(selector) 選擇不匹配選擇器表達式的元素 $("selector:not(selector)") :checked 選擇所有被選中的HTML元素 $(":checked") :selected 選擇所有已被選中的下拉列表元素 $(":selected") :enabled 選擇所有已啟用的表單元素 $(":enabled") :disabled 選擇所有被禁用的表單元素 $(":disabled") :visible 選擇所有可見的HTML元素 $(":visible") :hidden 選擇所有隱藏的HTML元素 $(":hidden")
本速查表是基于jQuery 3.5.1版本開發的。我們希望這份速查表能夠幫助您在項目中更高效地使用jQuery選擇器。
下一篇jquery選項卡失效