使用 jQuery 的 empty() 方法删除父节点下的所有子节点。示例您可以尝试运行以下代码，使用 jQuery 删除父节点下的所有子节点：实时演示 $(document).ready(function(){       $("#button1").click(function(){          $("ul").empty();       }); });             li (子节点)       li (子节点)       li (子节点)       li (子节点)           删除   点击“删除”以删除所有子节点。

要使用 jQuery 在元素之后追加元素，请使用 insertAfter() 方法。示例您可以尝试运行以下代码，了解如何使用 jQuery 在元素之后追加元素：实时演示           jQuery 示例                              $(document).ready(function() {             $("div").click(function () {                $("#source").insertAfter(this);             });          });                             .div {             margin:10px;             padding:12px;             border:2px solid #666;             width:60px;          }                             点击下方任意正方形以查看结果：                                            

要在一个元素之前追加一个元素，请使用 insertBefore() 方法。insertBefore( selector) 方法将所有匹配的元素插入到另一个指定的元素集之前。示例实时演示           jQuery 示例                              $(document).ready(function() {             $("div").click(function () {                $("#source").insertBefore(this);             });          });                             .div {              margin:10px;              padding:12px;              border:2px solid #666;              width:60px;          }                             点击下方任意正方形以查看结果：                                            

要设置元素的 HTML 内容，请使用 html() 方法。您可以尝试运行以下代码，使用 jQuery 获取元素的 HTML 内容-示例实时演示 $(document).ready(function(){     $("#button1").click(function(){         $("#demo").html("这段文字被高亮显示。");     }); }); 这是一段文字。点击设置 HTML

要使用 jQuery 将多个 div 包裹在一个 div 中，请使用 wrapAll() 方法。您可以尝试运行以下代码，使用 jQuery 将多个 div 包裹在一个 div 中-示例实时演示 $(document).ready(function() {    $("#button1").click(function(){       $('.b,.c').wrapAll('');      }); }); .wrap {   color:blue; }  这是 div 1  这是 div 2  这是 div 3 包裹

要包裹两个相邻元素，请遍历每个 myclass，将其添加到数组中，并确定下一个元素是否具有 .myclass。您可以尝试运行以下代码，了解如何将两个相邻元素包裹在一个容器 div 中-示例实时演示 $(document).ready(function() {     var result = [];         $('.myclass').each(function() {         var box2 = $(this).next().hasClass('myclass');                 result.push($(this));                 if(!box2)         {             var container = $('');             container.insertBefore(result[0]);             for(x=0;x

使用 jQuery 添加 DOM 元素的最佳方法是使用 append() 方法追加 HTML 字符串。您可以尝试运行以下代码插入 DOM 元素-示例实时演示           jQuery 示例                              $(document).ready(function() {             $("div").click(function () {                $(this).append('' );             });          });                             .div {             margin:10px;             padding:12px;             border:2px solid #666;             width:60px;          }                             点击下方任意正方形以查看结果：                                      

要使用 jQuery 根据名称选择元素，请对输入字段使用 name 元素。您可以尝试运行以下代码，根据名称选择元素-示例实时演示 $(document).ready(function(){   $("#button1").click(function(){      var sname = jQuery("#form1 input[name=sub]").val();      alert(sname);   }); });   主题名称：获取

要使用 hover() 函数操作 CSS 伪元素。您可以尝试运行以下代码，了解如何操作 CSS 伪元素-示例实时演示 $(document).ready(function(){     $('span').hover(function(){     $(this).addClass('change').attr('data-content','bar'); }); }); span.change:after {     content: attr(data-content) ' 这是演示文本。'; } 将光标放在下方... foo

处理 jQuery AJAX 错误。ajaxError( callback ) 方法附加一个函数，每当 AJAX 请求失败时执行。这是一个 Ajax 事件。以下是此方法使用所有参数的描述：callback − 要执行的函数。为此请求使用的 XMLHttpRequest 和设置作为参数传递给此函数。如果在处理请求期间发生异常，则会传递第三个参数，即异常对象。以下示例显示了此方法的使用：在线演示      在 jQuery 中处理错误      ... 阅读更多