使用 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 中的错误           ... 阅读更多