jquery可以使用如下代码删除孩子节点
$(object).children(selector).remove() // 删除object元素下满足selector选择器的子元素，不填写则默认删除所有子元素创建Html元素及css样式
<div id="top"><div>
这是孙辈元素
<li>孙代的li-1</li>
<li>孙代的li-2</li>
<li>孙代的li-3</li>
</div>
<span>子代的span</span>
<li>子代的li-1</li>
<li>子代的li-2</li>
<li>子代的li-3</li>
</div>
<input type="button" value="点我删除子代的li" name="btn1">
<input type="button" value="点我删除子代所有元素" name="btn2"> div{padding:10px 20pxmargin:5px 0border:4px solid #ebcbbe}
div#top{width:250pxheight:250px}
li{margin:10px 0}
jquery代码
$(function(){$("input[name='btn1']").click(function() {
$("#top").children('li').remove()
})
$("input[name='btn2']").click(function() {
$("#top").children().remove()
})
})
查看效果
删除子代的li的效果
删除子代所有元素的效果
body *{-moz-border-radius: 0
-webkit-border-radius: 0
border-radius: 0
}
上面的是CSS清理Body下所有元素的圆角，如果想用 js 或 jquery 来控制是否取消圆角的话，改成
body.noradius *{
-moz-border-radius: 0
-webkit-border-radius: 0
border-radius: 0
}
//注意空格 body 与 .noradius 之间无空格，dius 与 * 之间有空格
然后 利用 js 或 jquery 给body 添加 class="noradius":
$('xxx').addClass('noradius') //会去掉所有圆角
