1. 程式人生 > 其它 >Jquery 判斷html元素背景色

Jquery 判斷html元素背景色

技術標籤:jquerycss

獲取元素屬性和設定元素屬性

在使用jquery過程中可以通過對元素物件的css方法對該元素的樣式進行設定和獲取。使用方法如下:

//獲取元素的背景色
var color = $(元素名稱).css("background-color") ;
//設定元素的背景色和元素的顏色
$(元素名稱).css({ background: '#fff', color: '#73767e' });

通過jquery設定元素的其他樣式同上面的使用方法。

判斷元素的背景色

在某些業務常見下我們需要判斷元素的顏色屬性。如果你呼叫了上面的

//獲取元素的背景色
var color =
$(元素名稱).css("background-color") ;

方法,則獲取到資料並不是我們設定顏色屬性過程中的那個格式“#fff”,
通過debugger可以發現color是一個字串格式的====>(“rgb(a,b,c)”)
如圖:
在這裡插入圖片描述
既然是字串格式的返回結果,那麼我們判斷字串是否相等即可。需要格外注意的是空格字串的標記是對字元中的空格也進行了比較,因此空格也是是否重要的。上面的樣例中131和251前面是有一個空格的。