筛选选择器:
| 语法 | m描述 | y语法 |
| :first | 获取第一位 | $('li:first') |
| :last | 获取最后一位 | $('li:last') |
| :eq(index) | 获取指定位置的值 | $('li:eq(2)') |
| :odd | 获取奇数 | $('li:odd) |
| :even | 获取偶数 | $('li:even') |
基本选择器:
| 名称 | 描述 | 语法 |
| ID选择器 | 获取指定ID的元素 | $('#id') |
| 全选选择器 | 匹配所有元素 | $('*') |
| 类选择器 | 获取同一类型class的元素 | $('.class') |
| 标签选择器 | 获取同一类标签的所有元素 | $('div') |
| 并集选择器 | 选取多个元素 | $('div,p,li') |
| 交集选择器 | 交集元素 | $('li.current') |
层级选择器:
| 名称 | 描述 | 用法 |
| 子代选择器 | 使用>号,获取亲儿子层级的元素,不会获取孙子层级的元素 | $('ul>li') |
| 后代选择器 | 使用空格,获取ul下的所有li元素,包括孙子等 | $('ul li') |
筛选方法:
| 语法 | 用法 | 说明 |
| parent( ) | $('li').parent() | 查找父类 |
| childern(selector) | $('ul').children('li') | x相当于$('ul>li'),最近一级(亲儿子) |
| find(selector) | $('ul').find('li') | 相当于$('ul li'),后代选择器 |
| siblings(selector) | $('.first').siblings('li') | 查找兄弟节点,不包括自己本身 |
| nextAll([expr]) | $('.first').nextAll() | 查找当前元素之后所有的同辈元素 |
| prevtAll([expr]) | $('.last').prevAll() | 查找当前元素之前所有的同辈元素 |
| hasClass(class) | $('div').hasClass('protected') | 检查当前元素是否含有某个特定的类,如有,返回true |
| eq(index) | $('li').eq(2) | 相当于$('li:eq(2)'),index从0开始 |
修改指定位置元素的信息:(效果一致,更推荐第二种方式。)
方式一:$('ul li:eq(2)').css('color','red')
方式二:$('ul li').eq(2).css('color','red')