首頁 > 網際網路

jquery怎麼獲取或設定CSS中屬性值的數值

2019-12-12 16:58:37

在jquery中,提供了css()方法來獲取或設定css的屬性,css()方法的引數就是css的屬性名稱。下面講解jquery怎麼獲取或設定CSS中屬性值的數值。

1

新建一個html檔案,命名為test.html,用於介紹jquery怎麼獲取或設定CSS中屬性值的數值。


2

在test.html頁面,使用script標籤載入jquery.min.js庫檔案,使用jquery方法之前必須載入該檔案。


3

在test.html頁面,使用p標籤建立三個文欄位落,並使用style設定三個段落不同的背景顏色,同時使用button標籤建立一個按鈕。


4

在script標籤內,使用$(document).ready()方法在頁面載入時就給按鈕系結 click點選事件。


5

在function函數內,獲得p元素物件,使用css()方法獲得其css屬性中背景顏色(background-color)值,並使用alert()方法彈窗顯示出來獲得的值。


6

在瀏覽器開啟test.html檔案,點選「按鈕」,檢視獲得的背景顏色值。


7

css()方法除了能獲得css的屬性值外,還可以設定html元素的css屬性,例如,下面程式碼實現了當點選按鈕時,改變第一個p元素的背景顏色,設定為黃色。




IT145.com E-mail:sddin#qq.com