名称 | 用法 | 描述 | |
基础选择器 | id选择器 | $('#class') | 指定id的元素 |
类选择器 | $('.class') | 指定类 | |
标签选择器 | $('div') | 指定标签 | |
并集选择器 | $('div,class') | 多个元素 | |
交集选择器 | $('div.class') | div标签内有类的元素 | |
层级选择器 | 子代选择器 | $('ul>li') | 以及子元素 |
后代选择器 | $('ul li') | 所有li元素 | |
属性选择器 | [attribute] | $("input[checked]") | 包含某个属性的元素 |
[attribute=value] | $("input[name='user']") | 给定属性是某个值的元素 | |
[attribute!=value] | $("input[name='user']") | 匹配不包括某个值的元素 | |
[attribute^=value] | $("input[name^=u]") | 匹配以某个值开始的元素 | |
[attribute*=value] | $("input[name*='e']") | 匹配包含某个值的元素 | |
属性和操作 | 标签属性方法 | attr(name)/attr(name,value) | 非布尔值标签 |
标签属性方法 | prop(name)/attr(name,value) | 布尔值标签 | |
移除属性方法 | removeattr(name) | ||
data-操作 | data("id","xixi") / data() | data-id="xixi"/获取所有有data属性的元素 | |
过滤选择器 | :eq(index) | $("ul li:eq(index)") | 找ul里面的第几个li |
:odd | 偶数 | ||
:even | 奇数 | ||
:gt(index) | $("ul li"):gt(1) | 大于index的所有 | |
:lt(index) | 小于index | ||
筛选选择器 | :contains(text) | $("td:contains("哈")") | 包含给定文本的元素 |
:has(selector) | $("td:has("span")") | 包含选择器所匹配的元素的元素 | |
:empty | $("td:empty") | 没有文本的空元素or没有子元素 | |
:parent | $("td:parent") | 有子元素或者文本的元素 | |
筛选选择器(方法) | children(selector) | $("ul").children("li") | 相当于子代选择器 |
find(selector) | $("ul").find("li") | 相当于后代选择器 | |
siblings(selector) | 查找兄弟节点,不包括自己 | ||
parent() | 查找父亲 | ||
eq(index) | $("li").eq(index) | 索引 | |
next() | 查找下一个兄弟 | ||
perv() | 查找上一个兄弟 | ||
可见性过滤选择器 | :hidden | $(":hidden").show("slow") | 把隐藏的慢慢显示出来 |
:visible | $(":visible").hide(4000) | 匹配所有可见元素,4秒钟隐藏掉 |
jquery:选择器【基础选择器、层级选择器、属性选择器和方法操作、过滤选择器、筛选选择器和方法,可见性过滤选择器】
于 2023-01-30 20:30:13 首次发布