Jquery 判斷html元素背景色
阿新 • • 發佈:2020-12-10
獲取元素屬性和設定元素屬性
在使用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前面是有一個空格的。