jquery selector introduction

1.css selector general

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 selector

*(Important) Filter selector:

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(),获取下一个兄弟元素；单个

*#Filter selector: both Colon

Basic selector, content filtering, visibility filtering, attribute filtering, child element filtering and form object attribute filtering attribute selector

a.Basic filtering selector

：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元素

The above is the detailed content of jquery selector introduction. For more information, please follow other related articles on the PHP Chinese website!