使用 checked 属性来使用 jQuery 设置复选框。此外，prop() 方法用于获取属性值。示例您可以尝试运行以下代码来学习如何为复选框设置选中状态：在线演示 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: 新属性添加成功。') } else { alert('False') } }) }); }); 按钮 1

要查找选定项是否存在某个属性，请使用 jQuery 中的 hasAttribute() 方法。示例您可以尝试运行以下代码来学习如何查找某个属性是否存在：在线演示 $(document).ready(function(){ $('button').on('click', function() { if (this.hasAttribute("myattr")) { alert('True - myattr 属性存在') } else { alert('False - myattr 属性不存在') } }) }); 按钮一 按钮二

*= 运算符用于根据包含给定值的属性过滤元素。示例您可以尝试运行以下代码来学习如何使用 *= 运算符根据文本过滤属性：在线演示 $(document).ready(function(){ $( "div[myattr*='subject']" ).css("background-color", "yellow"); }); Java HTML Ruby

使用 jQuery 根据 data-attribute 值查找元素非常简单。示例您可以尝试运行以下代码来学习如何使用 jQuery 根据 data-attribute 值查找元素：在线演示 $(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

使用 jQuery hasAttribute() 方法查看元素上是否存在属性。示例您可以尝试运行以下代码来学习如何使用 hasAttribute() 方法：在线演示 $(document).ready(function(){ $('button').on('click', function() { if (this.hasAttribute("style")) { alert('True') } else { alert('False') } }); }); 检查按钮元素中的属性 按钮 按钮 2

要使 jQuery 属性选择器不区分大小写，请创建两个按钮并使用属性选择器操作输入。示例您可以尝试运行以下代码来使 jQuery 属性选择器不区分大小写：在线演示 $(document).ready(function(){ $("button").click(function(){ $( "input[name*='myclass' i]" ).css("background-color", "yellow"); }); $("#insensitive").click(function(){ $( "input[name*='myclass' i]" ).css("background-color", "blue"); }); // myclass 输入蓝色 $("#sensitive").click(function(){ $( "input[name*='myclass']" ).css("background-color", "blue"); }); }); 不区分大小写 区分大小写

是的，可以将变量传递到 jQuery 属性包含选择器中。[attribute*=value] 选择器用于选择每个具有特定属性和包含字符串的值的元素。示例您可以尝试运行以下代码来学习如何将变量传递到 jQuery 属性包含选择器中：在线演示 $(function() { var testString = "vp-485858383"; $('[data-vp*="id: ' + testString + '"]').css('color', 'blue'); }); Hello World