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