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>
廣告
資料結構
網路技術
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 語言
C++
C#
MongoDB
MySQL
JavaScript
PHP