欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-18 18:02:34
...
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");
})
相关标签: 获取元素