jquery中获取元素的几种方式小结_jquery

1 从集合中通过指定的序号获取元素
html：

复制代码 代码如下:

0

1

2

3

4

5

6

7

JS

复制代码 代码如下:

2 获取指定条件一致和指定范围的元素
html:

复制代码 代码如下:

0

1

2

3

4

5

6

7

JS

复制代码 代码如下:

3 获取与条件表达式一致的元素
html:

复制代码 代码如下:

0

1

2

3

4

5

6

7

js

复制代码 代码如下:

4 获取元素的上一个元素和下一个元素
Html:

复制代码 代码如下:

1号

2号

3号

4号

5号

6号

7号

js

复制代码 代码如下:

//获取元素的下一个元素
jQuery(function(){
$("p").next(".yes").css("color","red");
})
//获取元素的上一个元素
jQuery(function(){
$("p").prev(".yes").css("color","red");
})

5 获取元素的父元素和子元素
html:

复制代码 代码如下:

1号

2号

3号

4号

5号

6号

7号

js

复制代码 代码如下:

//获取元素的父元素
jQuery(function(){
$("p").parent().css("color","red");
})
//获取元素的子元素
jQuery(function(){
$("#aa").children(".yes").css("color","red");
})