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

html-css08

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","")

})