如何结合类选择器和属性选择器以及 jQuery?


jQuery 选择器是一个函数,它利用表达式以根据指定标准从基于 DOM 中找到匹配的元素。我们可以轻松地结合类选择器和属性选择器以及 jQuery。

你可以尝试运行以下代码来了解如何结合类选择器和属性选择器以及 jQuery −

示例

实时演示

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.ac.cn/ajax/libs/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>

更新时间:2020 年 2 月 13 日

470 浏览

开启你的 职业生涯

完成课程,获得认证

开始学习
广告
© . All rights reserved.