jQuery 选择器类型
基本选择器类型:
- $(“*”) 选择所有元素
- $(“#lastname”) 选择id=”lastname” 的元素
- $(“.intro”) 选择所有class=“intro”的元素
- $(“p”) 选择所有 p元素
层叠选择器:
- $(“.intro.demo”) 选择所有class=”intro” 并且class=“demo”的元素
- s1,s2,s3 $(“th,td,.intro”) 所有带有匹配选择的元素
过滤选择器:
- $(“p:first”) 第一个p元素
- $(“p:last”) 最后一个p元素
- $(“tr:even”) 第偶数个tr元素(0、2、4、6、8、……)
- $(“tr:odd”) 第奇数个tr元素(1、3、5、7、9、……)
- :eq(index) $(“ul li:eq(3)”) 列表中的第四个元素(index 从 0 开始)
- :gt(no) $(“ul li:gt(3)”) 列出 index 大于 3 的元素
- :lt(no) $(“ul li:lt(3)”) 列出 index 小于 3 的元素
- :eq(no) $(“td:eq(2)”) 选择所有的td元素中序号为2的那个td元素
- :not(selector) $(“input:not(:empty)”) 所有不为空的 input 元素
- :header $(“:header”) 所有标题元素 h1 - h6
- :animated $(“:animated”) 所有动画元素
内容过滤选择器
- :contains(text) $(“:contains(‘W3School’)”) 包含指定字符串的所有元素
- :empty $(“:empty”) 无子(元素)节点的所有元素
- :hidden $(“p:hidden”) 所有隐藏的 p 元素
- :visible $(“table:visible”) 所有可见的表格
表单过滤选择器:
- :input $(“:input”) 所有 input 元素
- :text $(“:text”) 所有 type=”text” 的 input 元素
- :password $(“:password”) 所有 type=”password” 的 input 元素
- :radio $(“:radio”) 所有 type=”radio” 的 input 元素
- :checkbox $(“:checkbox”) 所有 type=”checkbox” 的 input 元素
- :submit $(“:submit”) 所有 type=”submit” 的 input 元素
- :reset $(“:reset”) 所有 type=”reset” 的 input 元素
- :button $(“:button”) 所有 type=”button” 的 input 元素
- :image $(“:image”) 所有 type=”image” 的 input 元素
- :file $(“:file”) 所有 type=”file” 的 input 元素
表单元素过滤选择器:
- $(“:enabled”) 选择所有的可操作的表单元素
- $(“:disabled”) 选择所有的不可操作的表单元素
- $(“:checked”) 选择所有的被checked的表单元素
- $(“select option:selected”) 选择所有的select 的子元素中被selected的元素
属性选择器
- [attribute] $(“[href]”) 所有带有 href 属性的元素
- [attribute=value] $(“[href=’#’]”) 所有 href 属性的值等于 “#” 的元素
- [attribute!=value] $(“[href!=’#’]”) 所有 href 属性的值不等于 “#” 的元素
- [attribute =value] (“[href$=’.jpg’]”) 所有 href 属性的值包含以 “.jpg” 结尾的元素