首页 >web前端 >js教程 >jquery中获取元素的几种方式小结_jquery

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

WBOY
WBOY原创
2016-05-16 18:05:101337浏览

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");
})
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn