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>
广告