要删除 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;          }                             点击下方任意方块以查看结果：               一       二                

insertAfter( selector ) 方法将所有匹配的元素插入另一个指定的元素集中之后。以下是此方法使用到的所有参数的描述：selector − 要插入所选元素之后的元素内容。示例您可以尝试运行以下代码来学习如何在 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 − 要插入所选元素之前的元素内容。示例您可以尝试运行以下代码来学习如何在 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() 方法                      $(document).ready(function() {            $('ul.myclass > li:lt(2)').wrapAll('')          });                      .demo {             border: 3px dashed blue;             margin: 5px;          }                                    印度          美国          英国          澳大利亚          孟加拉国          

wrapInner() 方法使用 DOM 元素包装每个匹配元素（包括文本节点）的内部子内容。以下是此方法使用到的所有参数的描述：html − 将围绕目标包装的 DOM 元素。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 jQuery.wrapInner() 方法：实时演示           jQuery wrapInner() 方法                              $(document).ready(function() {             $("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() 方法，并使用 unwrap() 方法解包 html 控件。示例您可以尝试运行以下代码，以使用 jQuery 动态地用 div 包装和解包 html 控件。在线演示 $(document).ready(function(){     $("#button1").click(function(){        $("p").wrap("");     });     $("#button2").click(function(){        $("p").unwrap();     }); });   div {      background-color: gray;   } 这是一个演示文本。这是另一个文本。包装 解包