jQuery 中的 CSS 选择器是如何工作的?

jqueryweb developmentfront end technology

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>

相关文章