🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **第二章 jQuery选择器** ### **基本选择器** #id .class element * selector1, selector2, selectorN ### **层次选择器** $("ancestor desendant") > 选取 ancestor 元素的所有 descendant(后代)元素* $("parent > child") > 选取 parent 元素下的 child(子)元素 $("prev + next") > 选取紧接在 prev 元素后的 next 元素 $("prev ~ siblings") > 选取 prev 元素之后的所有 sublings 元素 ### **基本过滤选择器** :first > 选取第一个元素 :last > 选取最后一个元素 :not(selector) > 去除所有与给定选择器匹配的元素 :even > 选取索引值是偶数的所有元素 :odd > 选取索引值是奇数的所有元素 :eq(index) > 选取索引值等于 index 的元素 :gt(index) > 选取索引值大于 index 的元素 :lt(index) > 选取索引值小于 index 的元素 :header > 选取所有标题元素,例如 h1, h2, h3 等等 :animated > 选取正在执行动画的所有元素 :focus > 选取当前焦点的元素 ### **内容过滤选择器** :contains(text) > 选取含有文本内容为 “text” 的元素 :empty > 选取不包含子元素或者文本的空元素 :has(selector) > 选取含有选择器所匹配的元素的元素 :parent > 选取含有子元素或者文本的元素 ### **可见性过滤选择器** :hidden > 选取所有不可见元素 :visible > 选取所有可见元素 ### **属性过滤选择器** [attribute] > 选取拥有此属性的元素 [attribute = value] > 选取属性的值为 value 的元素 [attribute != value] > 选取属性的值不等于 value 的元素 attribue ^= value] > 选取属性的值以 value 开始的元素 [attribute $= value] > 选取属性的值以 value 结束的元素 [attribute *= value] > 选取属性的值含有 value 的元素 [attribute |= value] [attribute ~= value] [attribute1] [attribute2] ### **子元素过滤选择器** :nth-child(index / even / odd / equation) > :first-child > 选取每个父元素的第一个子元素 :last-child > 选取每个父元素的最后一个子元素 :only-child > 如果某个元素是它父元素中唯一的子元素那么么将会被匹配 ### **表单对象属性过滤选择器** :enabled > 选取所有可用元素 :disabled > 选取所有不可用元素 :checked > 选取所有被选中的元素(单选框,复选框) :selected > 选取所有被选中的选项元素(下拉列表) ### **表单对象属性选择器** :input > 选取所有的 input 、textarea 、select 、button 元素 :test > 选取所有的单行文本框 :password > 选取所有的密码框 :radio > 选取所有的单选框 :checkbox > 选取所有的多选框 :submit > 选取所有的提交按钮 :images > 选取所有的图像按钮 :reset > 选取所有的重置按钮 :button > 选取所有的按钮 :file > 选取所有的上传域 :hidden > 选取所有的不可见元素