jQuery课程学习笔记------常用API
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不加引号
杂念太多,必然根基浅薄

浙公网安备 33010602011771号