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不加引号

杂念太多,必然根基浅薄
原文地址:https://www.cnblogs.com/starshine-zhp/p/12854646.html