有很多方法可以使用 jQuery 添加 div，但根据要求，在点击任何正方形时，我们必须添加一个 div。以下代码将帮助您在点击时添加 div 点击下方任何正方形查看结果 $(".div").on("click",function(){ $('#box').append(   $('')     .attr("id", "newDiv1")     .addClass("div")     .append("")       .text("hello world")     ); });

要使用 jQuery 将元素插入为最后一个子元素，请使用 append() 方法。append( content ) 方法将内容追加到每个匹配元素的内部。示例您可以尝试运行以下代码来了解如何使用 jQuery 将元素插入为最后一个子元素：实时演示 jQuery 示例 var x = 0; $(document).ready(function() { $('.add').on('click', function (event) { var html = "demo text " + x++ + ""; $("#parent-div").append(html); }); }); .div{ margin:10px; padding:12px; border:2px solid #F38B00; width:60px; } Hello World

要使用 jQuery 将元素插入为第一个子元素，请使用 prepend() 方法。prepend( content ) 方法将内容预先添加到每个匹配元素的内部。示例您可以尝试运行以下代码来了解如何使用 jQuery 将元素插入为第一个子元素：实时演示 jQuery 示例 var x = 0; $(document).ready(function() { $('.add').on('click', function (event) { var html = "demo text " + x++ + ""; $("#parent-div").prepend(html); }); }); .div { margin:10px; padding:12px; border:2px solid #F38B00; width:60px; } Hello World

要使用 jQuery 将内容插入到每个匹配元素之后，请使用 after() 方法。after( content ) 方法在每个匹配元素之后插入内容。以下是此方法使用的所有参数的说明：content - 要在每个目标之后插入的内容。这可能是 HTML 或文本内容示例您可以尝试运行以下代码来了解如何插入内容到每个匹配元素之后：实时演示 jQuery after() 方法 ... 阅读更多

要使用 jQuery 删除所有 CSS 类，请使用 removeClass() 方法，不带任何参数。示例您可以尝试运行以下代码删除类：实时演示 jQuery 示例 $("p").removeClass(); .red { color:red; } .green { color:green; } 这是第一段。 这是第二段。

要使用 jQuery 添加表格行，请使用 append() 方法添加表格标签。示例您可以尝试运行以下代码来了解如何在 jQuery 中添加表格行：实时演示 jQuery 添加表格行 table{ width: 100%; margin: 25px 0; border-collapse: collapse; } table, th, td{ border: 1px solid #6C220B; } table th, table td{ padding: 8px; text-align: left; } $(document).ready(function(){ $(".row").click(function(){ var name = $("#name").val(); var subject = $("#subject").val(); var markup = "" + name + "" + subject + ""; $("table tbody").append(markup); }); }); 选择 名称 学科 Amit Java

您可能需要在现有文档中插入一个或多个新的 DOM 元素。jQuery 提供了多种方法将元素插入到不同的位置。after( content ) 方法在每个匹配元素之后插入内容，而 before( content ) 方法在每个匹配元素之前插入内容。After 内容after( content ) 方法在每个匹配元素之后插入内容。示例您可以尝试运行以下代码来了解如何使用 after() 方法将元素插入 DOM：实时演示 jQuery after(content) 方法 ... 阅读更多

要使用元素 ID 从 DOM 中删除所有元素，请使用 remove() 方法。示例您可以尝试运行以下代码使用元素 ID 从 DOM 中删除所有元素：实时演示 $(document).ready(function(){ $("button").click(function(){ $("#mydiv").remove(); }); }); 点击删除所有元素 这是某些文本。 这是演示文本。

empty() 方法会移除匹配元素集中所有子节点，而 remove() 方法会从 DOM 中移除所有匹配的元素。要移除元素，请使用 remove() 方法。示例您可以尝试运行以下代码，了解如何使用 jQuery 从 DOM 中移除元素：在线演示 jQuery remove() 方法 $(document).ready(function() { $("div").click(function () { $(this).remove( ); }); }); .div { margin:10px; padding:12px; border:2px solid #666; width:60px; } 点击下面任意一个方块：

要使用 jQuery 将 DOM 元素替换为指定的 HTML 或 DOM 元素，请使用 replaceWith() 方法。replaceWith (content) 方法使用指定的 HTML 或 DOM 元素替换所有匹配的元素。这将返回刚刚被替换的 jQuery 元素，该元素已从 DOM 中移除。示例您可以尝试运行以下代码，了解如何将 DOM 元素替换为指定的 HTML 或 DOM 元素：在线演示 jQuery replaceWith() 方法 $(document).ready(function() { ... 阅读更多