Jquery 4种移除 清空元素的方法

html-css013

Jquery 4种移除 清空元素的方法,第1张

将匹配的元素集合的子节点元素都移除，包括子节点的嵌套元素

清空当前元素的内容

将匹配的元素集合从dom中移除 例如 $(".cls").remove() 或者 $('div').remove(".cls")

注意：调用方法的元素本身也会移除

将匹配的元素集合从dom中移除 包括所有文本和子节点 例如: $("p").detach()

这个方法会保留 jQuery 对象中的匹配的元素，因而可以在将来再使用这些匹配的元素。

detach() 方法返回的元素对象会保留所有绑定的事件、附加的数据，可以使用这个元素对象完全恢复该元素，这一点与 remove() 不同。

// 可以通过移除带有样式的class类来达到移除样式的效果

$('.class').removeClass('class')

// 可以直接通过jQuery的css方法来清空某几条css样式

$('.class').css({

'background':'none',// 清除背景

'height':'auto' // 清除高度

})

1.样式为class名

 例：<div class="a" id="box"></div>

 $(function(){

     $("#box").removeClass("a")//根据id找到对应元素，然后删除你要删除的class名即可

 })

 

2.直接删除样式

例: <div id="box" style="width:100px"></div>

$(function(){

    $("#box").attr("style","")

})