jQuery的基本和层级选择器
jQuery基础选择器
名称 | 用法 | 描述 |
ID选择器 | $("#id") | 获取指定ID的元素 |
全选选择器 | $('*') | 匹配所有元素 |
类选择器 | $('.class') | 获取同一类class元素 |
标签选择器 | $('div') | 获取同一类标签的所有元素 |
并集选择器 | $('div,p,li') | 选取多个元素 |
交集选择器 | $('li.current') | 交集元素 |
jQuery层级选择器
名称 | 用法 | 描述 |
子代选择器 | $('ul>li') | 使用>号,获取亲儿子层级的元素,注意:并不会获取孙子层级的元素 |
后代选择器 | $('ul li') | 使用空格,代表后代选择器,获取ul下所有的li元素,包括孙子等 |
隐式迭代
遍历内部DOM元素(伪数组形式存储)的过程就叫隐式迭代。
jQuery筛选选择器
语法 | 用法 | 描述 |
:first | $('li:first') | 获取第一个li元素 |
:last | $('li:last') | 获取最后一个li元素 |
:eq(index) | $("li:eq(2)") | 获取到的li元素中,选择索引号为2的元素,索引号index从0开始。 |
:odd | $('li:odd') | 获取到的li元素中,选择索引号为奇数的元素 |
:even | $('li:even') | 获取到的li元素中,选择索引号为偶数的元素 |
jQuery筛选方法
parent() 查找父级、
children() 查找亲儿子、
find() 后代选择器、
siblings() 查找兄弟节点,不包括自己本身、
nextAll() 查找当前元素之后的所有的同辈元素、
prevtAll() 查找当前元素之前的所有的同辈元素、
hasClass() 检查当前元素是否含有某个特定的类,如果有,则返回true、
eq() 相当于$('li:eq(2)'),index从0开始
this
$(this)表示当前元素;注意,this不加引号