要删除 div 元素内部的所有内容，请使用 remove() 方法。您可以尝试运行以下代码来删除 div 元素内部的所有内容：示例实时演示 $(document).ready(function(){ $(".btn").click(function(){ $("div#demo").remove(); }); }); 隐藏 div 内部的元素 div 内- 这是演示文本。 div 内- 这是演示文本。 span 内- 这是演示文本。 span 内- 这是演示文本。

要删除除第一个元素之外的所有元素，请在 jQuery 中使用 remove() 方法和 slice() 方法。您可以尝试运行以下代码来使用 jQuery 删除除第一个元素之外的所有元素：示例实时演示 $(document).ready(function(){ $(".button1").click(function(){ $("span").remove(); }); $(".button2").click(function(){ $('span').slice(1).remove(); }); }); 隐藏所有元素，除了第一个元素 隐藏所有元素 这是演示文本。 这是演示文本。 这是演示文本。 这是演示文本。 这是演示文本。 这是演示文本。

要删除父元素中的所有子节点，请使用 empty() 方法。empty() 方法会删除匹配元素集中的所有子节点。示例您可以尝试运行以下代码来学习如何删除父元素中的所有子节点：实时演示 jQuery empty() 方法 $(document).ready(function() { $("div").click(function () { $(this).empty(); }); }); .div { margin:10px; padding:12px; border:2px solid #666; width:60px; } 点击下面的任何方块以查看结果： ONE TWO

insertAfter( selector ) 方法将所有匹配的元素插入到另一个指定的元素集之后。以下是此方法使用的所有参数的说明：selector − 将所选元素(s)插入其后的内容。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 jQuery.insertAfter() 方法：实时演示 jQuery insertAfter() 方法 $(document).ready(function() { $("div").click(function () { $("#source").insertAfter(this); }); }); .div { margin:10px; padding:12px; border:2px solid #666; width:60px; } 点击下面的任何方块以查看结果：

insertBefore( selector ) 方法将所有匹配的元素插入到另一个指定的元素集之前。以下是此方法使用的所有参数的说明：selector − 将所选元素(s)插入其前的内容。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 jQuery.insertBefore() 方法：实时演示 jQuery insertBefore() 方法 $(document).ready(function() { $("div").click(function () { $("#source").insertBefore(this); }); }); .div { margin:10px; padding:12px; border:2px solid #666; width:60px; } 点击下面的任何方块以查看结果：

text( ) 方法获取所有匹配元素的组合文本内容。此方法适用于 XML 和 XHTML 文档。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 jQuery.text() 方法：实时演示 jQuery text() 方法 $(document).ready(function() { var content = $("p#pid1").text(); $("#pid2").html(content); }); .red { color:red; } .green { color:green; } 这是第一段。 这是第二段。

wrapAll() 方法将匹配集合中的所有元素包装到单个包装器元素中。以下是此方法使用的所有参数的说明：elem − 将包装在目标周围的 DOM 元素。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 jQuery.wrapAll() 方法：实时演示 jQuery wrapAll() 方法 $('ul.myclass > li:lt(2)').wrapAll('') .demo { border: 3px dashed blue; margin: 5px; } 印度 美国 英国 澳大利亚 孟加拉国

wrapInner() 方法使用 DOM 元素包装每个匹配元素（包括文本节点）的内部子内容。以下是此方法使用的所有参数的说明：html − 将包装在目标周围的 DOM 元素。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 jQuery.wrapInner() 方法：实时演示 jQuery wrapInner() 方法 $("div").click(function () { ... 阅读更多

要将前几个项目包裹在 div 中，请使用 lt 选择器，并使用 wrapAll() 方法进行包裹。您可以尝试运行以下代码，学习如何使用 jQuery 将前几个列表项包裹在 div 中：示例在线演示           jQuery wrap() 方法                      $(document).ready(function() {            $('ul.myclass > li:lt(4)').wrapAll('')          });                      .demo {            border: 3px dashed blue;            margin: 5px;          }                                    印度          美国          英国          澳大利亚          孟加拉国          尼泊尔          不丹          

要包装 HTML 控件，请使用 wrap() 方法；要解包 HTML 控件，请使用 unwrap() 方法。示例您可以尝试运行以下代码，使用 jQuery 动态地用 div 包装和解包 HTML 控件。在线演示 $(document).ready(function(){     $("#button1").click(function(){        $("p").wrap("");     });     $("#button2").click(function(){        $("p").unwrap();     }); });   div {      background-color: gray;   } 这是一个演示文本。这是另一个文本。包裹 解包