編碼的世界 / 優質文選 / 生涯

使用jquery獲取css的值及設置css值(只能獲得css樣式中的值)


2022年7月31日
-   

使用jquery獲取css的值一般使用css()方法,當css()只有一個參數時,表示當前對象要取這個css的值,如果是鍵值對形式的參數表示要給這個屬性賦值,即使用jquery設置css
例一
var cssValue = $('#test').css('background-color'); //獲取css的值

這樣寫表示,取當前id為test的對象的background-color屬性
第二種通過jquery獲取css的方法是通過原生dom對象來取css值,通過原生對象來取css的值,需要先通過jQuery對象取得原生對象,然後通過原生對象的style屬性來獲得css值
例二
var cssValue = $('#test')[0].style.backgroundColor;

或者
var cssValue = $('#test').get(0).style.backgroundColor;

注意:通過原生對象的style屬性來取css的值css的樣式名要用駝峰形式,使用jquery獲取css一般就這兩種方法,你還可以看看使用
 
jquery改變cssjquery 設置css非常簡單,jquery提供了一個用來改變對象css的方法
如果要設置單個樣式屬性可以這樣
$('#test').css('background-color','red');

如果你要同時設置多個屬性你,可以傳入一個對象
$('#test').css({'background-color':'red','font-size':'20px'});

即屬性值例如background-color,你也可以用駝峰形式backgroundColor,這時你可以不用單引號
 

熱門文章