1 从集合中通过指定的序号获取元素
html：
<div>
<p>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
</div>
JS
<script type="text/javascript">
jQuery(function(){
$("p").eq(2).css("color","red");
$("p").eq(3).css("color","red");
})
</script>
2 获取指定条件一致和指定范围的元素
html:
<div>
<p>0</p>
<p>1</p>
<p class="center">2</p>
<p class="center">3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
</div>
JS
<script type="text/javascript">
jQuery(function(){
$("p").filter(''.center'').css("color","red");
})
$(function(){
$("p").slice(5,7).css("color","yellow");
})
</script>
3 获取与条件表达式一致的元素
html:
<div>
<p>0</p>
<p>1</p>
<p class="center">2</p>
<p class="center">3</p>
<p>4</p>
<p class="aa">5</p>
<p>6</p>
<p>7</p>
</div>
js
<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:
<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
//获取元素的下一个元素
jQuery(function(){
$("p").next(".yes").css("color","red");
})
//获取元素的上一个元素
jQuery(function(){
$("p").prev(".yes").css("color","red");
})
5 获取元素的父元素和子元素
html:
<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
//获取元素的父元素
jQuery(function(){
$("p").parent().css("color","red");
})
//获取元素的子元素
jQuery(function(){
$("#aa").children(".yes").css("color","red");
})
empty用来删除指定元素的子元素，remove用来删除元素，或者设定细化条件执行删除
语法：
empty()
remove(expr);
empty用来删除指定元素的子元素，remove用来删除元素，或者设定细化条件执行删除，如：
html
<div>
<p id="emptyTest">此标签的使用empty方法删除</p>
<p>以下的标签将被删除</p>
<p class="emptyTest">准备使用remove方法删除</p>
<p class="emptyTest">准备使用remove方法删除</p>
<p class="emptyTest">准备使用remove方法删除</p>
</div>
javascript
<script type="text/javascript">
$(function(){
$("#emptyTest").empty().append("hello");
$("p").remove(".emptyTest");
})
</script>
js与jquery获取父元素,删除子元素的两种不同方法:
var obj=document.getElementById("id");得到的是dom对象，对该对象进行操作的时候使用js方法
var obj=$("#id");得到的是jquery对象，对该对象进行操作的时候使用jquery方法
1.对于上面获得的对象进行遍历
(1).js方法 for(vat i=0;j<obj.length;i++){ obj[i] 来获得对应的某一个元素}
(2).jquery方法 $("#id").each(function(){ $(this) 来获得对应的某一个元素});
2.获取满足条件的元素的父元素
(1).js方法：var o=obj[i].parentNode
(2).jquery方法：var o=$(this).parent()
2.得到父元素后，可以删除该父元素的子元素
(1).js方法：o.removeChild(obj[i]);
(2).jquery方法：o.empty()