html页面:
<div id="div1"><div>a</div><div>b</div><div>c</div></div><button type="button">click me</button>
jquery代码操作:(jquery写法)
$(function(){
$('button').click(function(){
1、 $('#div1').children().remove();//删除所有
2、 var first = $('#div1').children();console.log(first); var first1 = $('#div1').children(':first');console.log(first1); $('#div1').children(':first').remove();
3、var first2 = $('#div1 div').first();console.log(first2);$('#div1 div').first().remove();
});});
解释:
1、找到id为div1下的所有子节点,然后全部进行删除;
2、先找到id为div1下的所有子节点,打印出来是否获取到了节点(console.log()方法可以输出对象,而alert()一般用来弹窗、字符串等)。然后通过伪类获取第一个节点。然后将伪类的第一个元素依次删除
3、first()函数:获取第一个元素,而不是获取子节点。一般这种情况下只用来获取第一个元素进行操作而不是类似这种依次删除的情况。或者进行<ul><li>a</li><li>b</li></ul>等操作。
上面的解释为获取id为div1下并且标签是div的第一个元素(第一个div)进行循环删除,这种情况下只能删除是div1下的div。