如何结合使用jQuery的类选择器和属性选择器？

Z时代
2024-01-10
分类：综合

jQuery Selector是一个函数，它使用表达式根据给定的条件从DOM中找出匹配的元素。我们可以轻松地将类选择器和属性选择器与jQuery结合在一起。

您可以尝试运行以下代码，以了解如何将类选择器和属性选择器与jQuery结合使用-

示例

<!DOCTYPE html>
<html>
   <head>
      <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
      <script>
      $(document).ready(function() {
         $('.myclass[reference="12345"]').css("background-color", "yellow");
      });
      </script>
   </head>
   <body>
       <table>
         <tr class="myclass" reference="12345">
            <td>Row 1 Column 1</td>
         </tr>
         <tr class="myclass" reference="43215">
            <td>Row 2 Column 1</td>
         </tr>
         <tr class="myclass" reference="54321">
            <td>Row 3 Column 1</td>
         </tr>
      </table>
   </body>
</html>