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>

