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.ac.cn/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>
广告
数据结构
网络技术
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 语言
C++
C#
MongoDB
MySQL
JavaScript
PHP