首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 18:05:10
原創
1305 人瀏覽過

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");
})
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板