jQuery 屬性選擇器用於選擇具有指定屬性和值的元素。您可以輕鬆地將其與句點 (.) 或井號 (#) 一起使用。示例您可以嘗試執行以下程式碼來學習如何使用帶句點的 jQuery 選擇器：線上演示 $(document).ready(function(){ $( "div[myattr*='.']" ).css("background-color", "yellow"); }); Java HTML Ruby

要使用 jQuery 刪除 disabled 屬性，請使用 removeAttr() 方法。您需要首先使用 prop() 方法刪除該屬性。它會將底層布林值設定為 false。示例您可以嘗試執行以下程式碼來學習如何使用 jQuery 刪除 disabled 屬性：線上演示 $(document).ready(function(){ $('.disabledCheckboxes').prop("disabled", true); $('.disabledCheckboxes').removeAttr("disabled"); $(document).ready(function(){ $('button').on('click', function() { if (this.hasAttribute("disabled")) { alert('The disabled attribute exists') } else { alert('The disabled attribute does not exist') } }) }); }); 結果

要在 jQuery 屬性選擇器中使用 #，請在 *= 下包含 #。這將查詢帶有 # 的屬性。示例您可以嘗試執行以下程式碼來學習如何在 jQuery 屬性選擇器中使用 #：線上演示 $(document).ready(function() { $( "div[myattr*='#']" ).css("background-color", "yellow"); }); Java HTML Ruby

使用 checked 屬性來使用 jQuery 設定複選框。此外，prop() 方法用於獲取屬性值。示例您可以嘗試執行以下程式碼來學習如何為複選框設定 checked：線上演示 jQuery 示例 b { color: green; } 選中/取消選中此複選框 $( "input" ).change(function() { var $input = $( this ); $( "p" ).html( ".attr( \"checked\" ): " + $input.attr( "checked" ) + "" + ".prop( \"checked\" ): " + $input.prop( "checked" ) + "" + ".is( \":checked\" ): " + $input.is( ":checked" ) + "" ); }).change();

要獲取 html 屬性的值，請使用 val() 方法。示例您可以嘗試執行以下程式碼來學習如何使用 jQuery 獲取元素的 HTML 屬性值：線上演示 $(document).ready(function() { $("#buttonSet").click(function () { $("#buttonGet").removeAttr('disabled'); }); $("#buttonGet").click(function () { $("#result").html( $("#txtBox").val() + "" + $("input:radio[name=rd]:checked").val() ); }); }); 姓名 性別 男 女

使用 attr() 方法將屬性新增到 jQuery 中的特定 HTML 標籤中。示例您可以嘗試執行以下程式碼來學習如何將屬性新增到特定的 HTML 標籤中：線上演示 $(document).ready(function(){ $(document).ready(function(){ $("button.button1").attr("myid", "myvalue"); $('button').on('click', function() { if (this.hasAttribute("myid")) { alert('True: The new attribute added successfully.') } else { alert('False') } }) }); }); 按鈕 1

要在 jQuery 中查詢選定項是否存在某個屬性，請使用 hasAttribute() 方法。示例您可以嘗試執行以下程式碼來學習如何查詢是否存在某個屬性：線上演示 $(document).ready(function(){ $('button').on('click', function() { if (this.hasAttribute("myattr")) { alert('True - myattr attribute exists') } else { alert('False - myattr attribute does not exist') } }) }); 按鈕一 按鈕二

*= 運算子用於根據包含給定值的屬性過濾元素。示例您可以嘗試執行以下程式碼來學習如何使用 *= 運算子根據文字過濾屬性：線上演示 $(document).ready(function(){ $( "div[myattr*='subject']" ).css("background-color", "yellow"); }); Java HTML Ruby

使用 jQuery 根據 data 屬性值查詢元素非常簡單。示例您可以嘗試執行以下程式碼來學習如何使用 jQuery 根據 data 屬性值查詢元素：線上演示 $(document).ready(function() { $('[data-slide="2"]').addClass('demo'); }); .demo { font-size: 200%; color: green; } 一 二 三

使用逗號在 jQuery 屬性選擇器中執行 OR 運算。示例您可以嘗試執行以下程式碼來學習如何在 jQuery 屬性選擇器中使用 OR 運算：線上演示 $(document).ready(function(){ $('[myattr=demo][myid="sub1"],[myattr=demo][myid="sub3"]').css("background-color", "yellow"); }); Java HTML Ruby