.not() 用于选择除指定元素之外的所有元素。示例您可以尝试运行以下代码来了解如何在 jQuery 选择器中使用 .not()。实时演示 $(document).ready(function(){ $("p:not(.myclass)").css("background-color", "red"); }); 标题 这是演示文本。这是另一段文本。

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

为了提高 jQuery 选择器的性能，您需要进行优化。以下是一些技巧：缓存选择器缓存提高了应用程序的性能。缓存您的 jQuery 选择器以获得更好的性能。这可以通过使用 ID 作为选择器来完成。例如，这会缓存选择器并将其存储在变量中。var $elm = $("#elm");而不是使用 jQuery ID 选择器，请使用 $elm 变量：var $elm = $("#elm"); $elm.addClass(‘example’);使用 ID 选择器jQuery 是一个 JavaScript 库。在 JavaScript 中，document.getElementById() 用于选择 HTML 元素，这是最快的方法。由于 jQuery 是构建在 JavaScript 之上的，因此它 ... 阅读更多

要从 jQuery 选择器中获取 DOM 元素，请使用 $('#element').get(0)。这将返回 DOM 元素。示例您可以尝试运行以下代码来了解如何从 jQuery 选择器中获取 DOM 元素。对于我们的复选框示例，获取 DOM 元素，如下面的代码所示：实时演示 $(document).ready(function(){ $(":checkbox").click(function() { if ($(this).is(":checked")) { alert("Checkbox checked!"); } }); });

要为复选框的标签编写 jQuery 选择器，请使用 label 元素的 for 属性。示例您可以尝试运行以下代码来了解如何为复选框的标签编写 jQuery 选择器：实时演示 $(document).ready(function(){ $("label[for='mysubjects1']").css("background-color", "yellow"); $("label[for='mysubjects2']").css("background-color", "gray"); }); 科目 新科目

要使用 jQuery 选择器选择自定义数据属性，您可以对 HTML 数据属性使用包含、以…开头和以…结尾。示例除此之外，您可以尝试运行以下代码来了解如何使用 HTML5 中的 jQuery 选择器选择自定义数据属性：实时演示 $(document).ready(function(){ // 存储的选择器 var group = $('ol[data-group="Subjects"]'); // 以 M 开头 var maths = $('[data-subject^="M"]',group).css('color','green'); // 包含字符串 graph var graph = $('[data-subject*="graph"]',group).css('color','blue'); }); 数学 科学 地理 历史

要获取 jQuery 选择器中以特定字符串开头或结尾的 id，您不应该使用通配符 $('#name*'), $('#name%')。而是使用字符 ^ 和 $。^ 用于获取以特定字符串开头的所有元素。$ 用于获取以特定字符串结尾的所有元素。示例您可以尝试运行以下代码来了解如何获取以特定字符串开头和结尾的 id。实时演示 $(document).ready(function(){ $("[id$=new1]").css("background-color", "yellow"); $("[id^=myid]").css("background-color", "green"); }); Java HTML Ruby C++

要获取 ID 以给定字符串结尾的元素，请使用带 $ 字符的属性选择器。示例您可以尝试运行以下代码来了解如何使用 jQuery 选择器选择 ID 以给定字符串结尾的元素。假设我们要查找 ID 以字符串“new1”结尾的元素。实时演示 $(document).ready(function(){ $("[id$=new]").css("background-color", "yellow"); }); Java HTML Ruby

要获取 jQuery 中 $(this) 选择器的子元素，请使用 find() 方法和 each() 方法。让我们首先了解如何添加 jQuery：示例您可以尝试运行以下代码以获取 $(this) 选择器的子元素：实时演示 jQuery 示例 // 为您的 div 设置点击处理程序 $("body").off("click", "#mydiv").on("click", "#mydiv", function() { // 使用 .find() 和 .each() 查找图像 $(this).find("img").each(function() { var img = this; }); }); #mydiv { vertical-align: middle; background-color: #Ffff76; cursor: pointer; padding: 20px; }

通配符或正则表达式也可用于 jQuery 选择器中元素的 id。示例您可以尝试运行以下代码以在 jQuery 选择器中使用通配符或正则表达式：实时演示 $(document).ready(function(){ $("[id^=sub]").css("background-color", "green"); }); Java HTML Ruby