要使用 jQuery 选择器选择自定义数据属性，可以使用 `contains`、`starts with` 和 `ends with` 来处理 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

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() ); }); }); 姓名 性别 男 女