选择器
找了很多资料发现对JQuery选择器的整理都不太完全,所以自己整理了一份相对完全的,如果有朋友发现有遗漏的,麻烦联系我,我做出调整
基础选择器
名称 | 用法 | 描述 |
---|---|---|
ID选择器 | $(“#id”); | 获取指定ID的元素 |
类选择器 | $(“.class”); | 获取同一类class的元素 |
标签选择器 | $(“div”); | 获取同一类标签的所有元素 |
并集选择器 | $(“div,p,li”); | 使用逗号分隔,只要符合条件之一就可。 |
交集选择器 | $(“div.redClass”); | 获取class为redClass的div元素 |
通配符选择器 | $("*") | 获取所有元素 |
层次选择器
名称 | 用法 | 描述 |
---|---|---|
子代选择器 | $(“ul>li”); | 使用>号,获取儿子层级的元素,注意,并不会获取孙子层级的元素 |
后代选择器 | $(“ul li”); | 使用空格,代表后代选择器,获取ul下的所有li元素,包括孙子等 |
相邻兄弟选择器 | $(".one+div") | 使用+号,选取类名为one的下一个同级的< div>元素 |
通用兄弟选择器 | $("#two~div") | 使用~号,选取id名为two元素后面所有同级的< div>元素 |
基本筛选器
名称 | 用法 | 描述 |
---|