要从 jQuery 选择器获取 DOM 元素，请使用 $('#element').get(0)。这将返回 DOM 元素。示例您可以尝试运行以下代码来了解如何从 jQuery 选择器获取 DOM 元素。对于我们的复选框示例，获取 DOM 元素，如下面的代码所示：动态演示 $(document).ready(function(){    $(":checkbox").click(function() {      if ($(this).is(":checked")) {        alert("复选框已选中！");      }   }); });  

要为复选框的标签编写 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 以给定字符串结尾的元素，请使用带 $ 字符的属性选择器。示例您可以尝试运行以下代码来了解如何对 ID 以给定字符串结尾的元素使用 jQuery 选择器。假设我们要查找 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 删除禁用属性，请使用 removeAttr() 方法。您需要首先使用 prop() 方法删除该属性。它会将底层布尔值设置为 false。示例您可以尝试运行以下代码来了解如何使用 jQuery 删除禁用属性：动态演示 $(document).ready(function(){     $('.disabledCheckboxes').prop("disabled", true);     $('.disabledCheckboxes').removeAttr("disabled");     $(document).ready(function(){         $('button').on('click', function() {           if (this.hasAttribute("disabled")) {              alert('禁用属性存在')           } else {              alert('禁用属性不存在')           }         })     });  });    结果

要在 jQuery 属性选择器中使用 #，请在 *= 下包含 #。这将查找包含 # 的属性。示例您可以尝试运行以下代码来了解如何在 jQuery 属性选择器中使用 #：动态演示     $(document).ready(function()  {        $( "div[myattr*='#']" ).css("background-color", "yellow");     }); Java HTML Ruby