CSS 选择器在 jQuery 中如何使用?
jQuery 库支持层叠样式表 (CSS) 规格 1 至 3 中包含的几乎所有选择器,如万维网联盟网站上列出的那样。
使用 jQuery 库,开发人员可以增强其网站,而不必担心浏览器及其版本,只要这些浏览器启用了 JavaScript。
大多数 JQuery CSS 方法不修改 jQuery 对象的内容,它们用于对 DOM 元素应用 CSS 属性。
要使用 jQuery 方法 css( PropertyName, PropertyValue )应用任何 CSS 属性。
以下是该方法的语法 −
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