首頁 > 網際網路

jquery實現點選判斷是否使用了某個樣式

2019-12-12 19:28:42

在jquery中,可以通過hanClass()方法來判斷某個html元素是否使用了某個樣式,下面小編舉例講解實現的過程。

1

新建一個html檔案,命名為test.html,同時在檔案裡面載入juery.min.js庫檔案,用於講解jquery實現點選判斷是否使用了某個樣式。


2

在test.html檔案內,使用p標籤建立一行文字 ,同時使用button標籤建立一個按鈕。


3

在test.html檔案內,使用css設定p標籤文字的樣式,設定文字大小為30px,顏色為紅色。


4

在test.html檔案內,使用jquery給button按鈕系結點選事件,程式碼如下:


5

在test.html檔案內,利用hanClass()方法判斷p標籤是否使用了main類名樣式,把判斷的結果儲存在res變數中。


6

在test.html檔案內,使用if語句判斷上一步res變數,如果為res為true,則提示「文字使用了main樣式」,如果res為false,則提示「文字不存在main樣式」。


7

在瀏覽器開啟test.html檔案,點選按鈕,因為p標籤使用了main樣式,所以彈出提示"文字使用了main樣式"。



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