举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > jquery empty方法 jQuery empty() 方法

jquery empty方法 jQuery empty() 方法

2023-04-12 14:31 jQuery教程

jquery empty方法 jQuery empty() 方法

jquery empty方法

jQuery empty() 方法用于从被选元素中删除所有内容,包括所有文本和子节点。

$(selector).empty();

empty() 方法不会影响被选元素的属性,如 id 和 class。它只是清除元素中的内容,而不是删除元素本身。

empty() 方法可以用于任何 HTML 元素,包括

, ,

,
    , 等等。

    $("#div1").empty();

    上面的代码将会清除 id="div1" 的所有内容(文本和子节点)。

    如果要删除一个元素及其子元素,请使用 remove() 方法。remove() 方法会删除整个元素(包括所有属性和子节点)。

    $("#div1").remove();

    上面的代码将会删除 id="div1" 的整个元素及其子节点。

    empty() 方法不会影响 CSS 属性或者事件处理函数;而 remove() 方法会影响 CSS 属性或者事件处理函数。因此在使用时要根据实际情况来选择合适的方法。

    jQuery empty() 方法

    jQuery empty() 方法

    jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

    实例

    移除所有 <div> 元素的内容:

    $("button").click(function(){
    $("div").empty();
    });


    定义和用法

    empty() 方法从被选元素所有子节点和内容。

    注意:该方法不会移除元素本身,或它的属性。

    提示:如需移除元素,但保留数据和事件,请使用 detach() 方法。

    提示:如需移除元素及它的数据和事件,请使用 remove() 方法。


    语法

    $(selector).empty()


    jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

阅读全文
以上是鳄鱼CMS为你收集整理的jquery empty方法 jQuery empty() 方法全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们