首頁 > 網際網路

如何在jquery中新增css樣式?

2019-12-12 21:13:50

在jquery中,可以使用css()方法來設定html元素的css樣式。下面小編舉例講解如何在jquery中新增css樣式。


1

新建一個html檔案,命名為test.html,用於講解如何在jquery中新增css樣式。


2

在test.html檔案內,使用p標籤建立一段測試文字,並設定其id屬性為test,主要用於下面通過該id獲得p元素物件。


3

在test.html檔案內,使用button標籤建立一個按鈕,按鈕名稱為「新增樣式」。


4

在test.html檔案內,給button按鈕系結onclick點選事件,當按鈕被點選時,執行addcss()函數。


5

在js標籤內,建立addcss()函數,在函數內,通過id獲得p元素物件 ,使用css()方法給p元素的新增樣式。


6

在css()方法內,使用css設定p標籤文字大寫為20px,寬度為200px,文字顏色為紅色,背景顏色為藍色。


7

在瀏覽器開啟test.html檔案,點選按鈕,檢視實現的效果。



1

1、建立一個test.html檔案。2、在檔案內,使用p標籤建立一行文字,再使用button標籤建立一個按鈕,並給按鈕系結onclick()事件。3、當按鈕被點選時,執行js函數addcss(),在函數內,使用css()方法對p元素物件進行樣式設定。

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