.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