CSS 选择器如何在 jQuery 中工作?


jQuery 库支持叠层样式表 (CSS) 规范 1 到 3 中包含的几乎所有选择器,如万维网联盟网站上所述。

使用 jQuery 库,开发者可以增强其网站,而无需担心浏览器及其版本,只要这些浏览器启用了 JavaScript。

大多数 jQuery CSS 方法不会修改 jQuery 对象的内容,它们用于在 DOM 元素上应用 CSS 属性。

要应用任何 CSS 属性,使用 jQuery 方法 css( PropertyName, PropertyValue )。

以下为此方法的语法:

selector.css( PropertyName, PropertyValue );

此处可以传递PropertyName 作为 JavaScript 字符串,而根据其值,PropertyValue 可以是字符串或整数。

示例

可以尝试运行以下代码来了解 CSS 选择器如何在 jQuery 中工作

实时演示

<html>

   <head>
      <title>The jQuery Example</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
       
      <script>
         $(document).ready(function() {
            $("li").eq(2).css("color", "red");
         });
      </script>
   </head>
   
   <body>
   
      <div>
         <ul>
            <li>list item 1</li>
            <li>list item 2</li>
            <li>list item 3</li>
            <li>list item 4</li>
            <li>list item 5</li>
            <li>list item 6</li>
         </ul>
      </div>
       
   </body>
</html>

更新时间: 2019 年 12 月 17 日

147 次浏览

开启你的 职业生涯

完成课程即可获得认证

开始
广告