jquery选择器介绍
程序员文章站
2022-04-06 14:00:16
...
1.css选择器通用
1)标签选择器,以文档元素作为选择器 2)ID选择器,以ID标识符作为选择器; 3)类选择器,class 4)并集选择器,p,img,ul 5)后代选择器,#id ul li 6 )通配选择器 ,*{}; 7)子代选择器,ul>li; 8)临近选择器,E+F; 9)交集选择器,p.class;
2.jquery选择器
*(重要)筛选选择器:
children(selector), $("ul").children("li"),相当于子代选择器,$("ul>li")选取ul中所有的子代li元素;集合元素 find(selector), $("ul").finde("li"),相当于后代选择器,$("ul li")选取ul中所有的后代li元素,后面的参数必传一般不用;集合元素 siblings(selector), $("#first").siblings("li“);选取兄弟节点的所有li,不包括自己;集合元素 parent(), $("#first").parent(),选取父元素节点,因为父元素节点只有一个所以不写;单个 parents(). $("#first").parents(),选取父元素节点上的元素,链式;父元素的父元素的父元素的所有;集合元素 eq(index);$(”li“).eq(2);相当于$("li:eq(2)"),index索引从0开始;单个 next(),$("li").next(),获取下一个兄弟元素;单个 prev(),$("li").next(),获取下一个兄弟元素;单个
*#过滤选择器:都有冒号
基本选择器,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤属性选择器
a.基本过滤选择器
:first 选择第一个元素,$("p:first")选取所有<p>元素第一个;单个 :last 选取最后一个元素,$("p:last")选取所有<p>元素的最后一个p;单个 :not(selector) 去除所有与给定选择器相匹配的元素,$("input:not(.myClass)")选取class中不是不是myClass的<input>元素;集合元素 :even 选取索引是偶数的,索引从0开始,集合元素; :odd 选取索引是奇数的,索引从0开始,集合元素; :eq(index) 选取索引等于index的元素, $("input:eq(1)")选取索引是1的<input>元素; 单个 :gt(index) 选取索引大于index的元素, $("input:gt(1)")选取索引大于1的Input元素,不包括1;集合元素 :lt(index)选取索引小于index的元素,$("input:lt(1)")选取索引小于1的input元素,不包括1,集合元素 :header选取所有标题元素,$(":header")选取网页中所有的<h1><h2>.... :annimated选取当前正在执行动画的所有元素,$("p:animated")选取正在执行动画的p元素
以上就是jquery选择器介绍的详细内容,更多请关注其它相关文章!
上一篇: 七牛云中使用网站加速时,链接中包含%无法缓存的问题
下一篇: Python的迭代器和生成器使用实例