.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