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.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>
廣告
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP