几种获取元素的方式
1 从集合中通过指定的序号获取元素
html：
View Code <div><p>0p>
<p>1p>
<p>2p>
<p>3p>
<p>4p>
<p>5p>
<p>6p>
<p>7p>
div>
JS
View Code <script type="text/javascript">jQuery(function(){
$("p").eq(2).css("color","red");
$("p").eq(3).css("color","red");
})
script>
2 获取指定条件一致和指定范围的元素
html:
View Code <div><p>0p>
<p>1p>
<p class="center">2p>
<p class="center">3p>
<p>4p>
<p>5p>
<p>6p>
<p>7p>
div>
JS
View Code <script type="text/javascript">jQuery(function(){
$("p").filter('.center').css("color","red");
})
$(function(){
$("p").slice(5,7).css("color","yellow");
})
</script>
3 获取与条件表达式一致的元素
html:
View Code <div><p>0p>
<p>1p>
<p class="center">2p>
<p class="center">3p>
<p>4p>
<p class="aa">5p>
<p>6p>
<p>7p>
div>
js
View Code <script type="text/javascript">jQuery(function(){
$("p").each(function(){
switch(true){
case $(this).is(".center"):
$(this).css("color","red");
break;
case $(this).is(".aa"):
$(this).css("color","yellow");
break;
}
})
})
</script>
4 获取元素的上一个元素和下一个元素
Html:
View Code <div id="aa"><p>1号p>
<p class="yes">2号p>
<p>3号p>
<p>4号p>
<p>5号p>
<p class="yes">6号p>
<p class="yes">7号p>
div>
js
View Code //获取元素的下一个元素jQuery(function(){
$("p").next(".yes").css("color","red");
})
//获取元素的上一个元素
jQuery(function(){
$("p").prev(".yes").css("color","red");
})
5 获取元素的父元素和子元素
html:
View Code <div id="aa"><p>1号p>
<p class="yes">2号p>
<p>3号p>
<p>4号p>
<p>5号p>
<p class="yes">6号p>
<p class="yes">7号p>
div>
js
View Code //获取元素的父元素 jQuery(function(){
$("p").parent().css("color","red");
})
//获取元素的子元素
jQuery(function(){
$("#aa").children(".yes").css("color","red");
})
转载于:https://www.cnblogs.com/shuang121/archive/2011/07/05/2098549.html
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！