jQuery gets the object and locates the sub-object_jquery

Special symbols in selection:

# Instruction id
. Instruction class
* Select all
, multi-select
space descendants
> child
~ brother
Next
: Child (multi-function)
() Functional filtering and search

Get all header objects under div: $("div :header")

Copy code The code is as follows:

AAA

BBB

CCC

DDD

EEE

FFF

Get all title objects: $(" :header")

Copy code The code is as follows:

< ;h3>AAA

BBB

CCC

DDD

EEE

FFF

Get first, such as: $("li:first") or $("li").first() or $("ul :first") or $("ul li:first")

Copy code The code is as follows:

• AAA


• BBB


• CCC


• DDD


• EEE

< li>FFF

• GGG

• 111

< ;/ul>



• XXX


• YYY


• ZZZ

Get the first of each group, such as: $("li:first-child") or $("ul li:first-child") or $("ul : first-child")

Copy code The code is as follows:

• AAA


• BBB


• CCC


• DDD

< li>EEE

• FFF


• GGG

< ;li>111

• XXX


• YYY


• ZZZ

Get last, such as: $("li:last") or $("li").last() Or $("ul :last") or $("ul li:last")

Copy code The code is as follows:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

< /ul>



• 111






• XXX


• YYY


• ZZZ

Get the last of each group, such as: $( "li:last-child") or $("ul li:last-child") or $("ul :last-child")

Copy code The code is as follows:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

获取第几个, 如(获取第三个, eq 是 0 起): $("li:eq(2)") 或 $("li").eq(2)

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

获取第几个之后的, 如(获取第三个之后的, gt 是 0 起): $("li:gt(2)")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

获取第几个之前的, 如(获取第三个之前的, lt 是 0 起): $("li:lt(2)")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

获取索引值是偶数的, 如(even 是 0 起): $("li:even")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

获取索引值是奇数的, 如(odd 是 0 起): $("li:odd")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

获取每组第偶数个, 如(nth-child 是 1 起): $("li:nth-child(even)")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

获取每组第奇数个, 如(nth-child 是 1 起): $("li:nth-child(odd)")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

获取每组第几个, 譬如第 2 个(nth-child 是 1 起): $("li:nth-child(2)")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

用表达式指示每组的第几个, 如(nth-child 是 1 起): $("li:nth-child(3n-1)")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

如果是父元素中唯一的子元素, 如: $("li:only-child")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ

:not 是对其他选择的取反, 如: $("li:not(li:first-child)")

复制代码 代码如下:

• AAA


• BBB


• CCC


• DDD


• EEE


• FFF


• GGG

• 111

• XXX


• YYY


• ZZZ