如果您想选择具有特定索引的元素，请使用 jQuery 选择器 eq()。在此，设置索引号以选择元素。示例您可以尝试运行以下代码，学习如何使用 jQuery 选择器 eq():在线演示 $(document).ready(function(){ $("p:eq(1)").css("background-color","red"); }); 标题 1 这是一个演示文本。这是另一个文本。这是演示内容

$ 变量用于 jQuery。如果您使用多个 JavaScript 库或多个版本的 jQuery，则应使用 jQuery(selector) 而不是 $(selector) 来避免命名冲突。示例要了解 noConflict() 概念，让我们来看一个使用 jQuery (selector) 的示例：在线演示 $.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("h3").text("jQuery 工作正常"); }); }); 测试 jQuery 点击以下内容：点击我 $ 符号用于 jQuery，但是如果其他框架也使用相同的 $ 符号；这可能会造成问题……阅读更多

children( [selector] ) 方法获取包含匹配元素集的每个元素的所有唯一直接子元素的元素集。示例您可以尝试运行以下代码，学习如何获取包含匹配元素集的每个元素的所有唯一直接子元素的元素集：在线演示 jQuery 示例 $(document).ready(function(){ $("div").children(".selected").addClass("blue"); }); ……阅读更多

可以使用 find( selector ) 方法来定位特定类型元素的所有后代元素。可以使用任何选择器语法编写选择器。示例您可以尝试运行以下代码，学习如何定位特定类型元素的所有后代元素：在线演示 jQuery 示例 $(document).ready(function() { $("p").find("span").addClass("selected"); }); .selected { color:blue; } 这是一个第一段，这是一个蓝色段落 这是一个第二段，这也是蓝色段落

要从 jQuery 中排除第一个和第二个元素，请使用 slice() 方法。示例您可以尝试运行以下代码，从 jQuery 中排除第一个和第二个元素：在线演示 $(document).ready(function(){ $('p').slice(2).css('font-size', '24px'); }); Java C++ Ruby Groovy

.not() 用于选择除可以指定的元素之外的所有元素。示例您可以尝试运行以下代码，学习如何使用 .not() 与 jQuery 选择器。在线演示 $(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("复选框已选中！"); } }); });

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