Rumah > hujung hadapan web > tutorial js > jquery中获取元素的几种方式小结_jquery

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

WBOY
Lepaskan: 2016-05-16 18:05:10
asal
1350 orang telah melayarinya

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");
})
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan