jquery操做樣式 jq修改添加css樣式和class樣式類

CSS操做

功能：設置或者修改樣式，操做的是style屬性。

設置單個樣式：

//name：須要設置的樣式名稱
//value：對應的樣式值
css(name, value);
//使用案例
$("#one").css("background","gray");//將背景色修改成灰色

設置多個樣式：

//參數是一個對象，對象中包含了須要設置的樣式名和樣式值
css(obj);
//使用案例
$("#one").css({
    "background":"gray",
    "width":"400px",
    "height":"200px"
});

獲取樣式：

//name:須要獲取的樣式名稱
css(name);
//案例
$("div").css("background-color");

注意：獲取樣式操做只會返回第一個元素對應的樣式值。

隱式迭代：

1.設置操做的時候，若是是多個元素，那麼給全部的元素設置相同的值

2.獲取操做的時候，若是是多個元素，那麼只會返回第一個元素的值。

class操做

添加樣式類：

//name：須要添加的樣式類名，注意參數不要帶點.
addClass(name);
//例子,給全部的div添加one的樣式。
$(「div」).addClass(「one」);

移除樣式類

//name:須要移除的樣式類名
removeClass(「name」);
//例子，移除div中one的樣式類名
$(「div」).removeClass(「one」);

判斷是否有樣式類:

//name:用於判斷的樣式類名，返回值爲true false
hasClass(name)
//例子，判斷第一個div是否有one的樣式類
$(「div」).hasClass(「one」);

切換樣式類:

//name:須要切換的樣式類名，若是有，移除該樣式，若是沒有，添加該樣式。
toggleClass(name);
//例子
$(「div」).toggleClass(「one」);

閱讀原文

相關推薦：
java面試題最容易犯錯的8道題
java能夠對map的key排序嗎
java中常見的幾種鎖有哪些
關於Java的三種隨機數生成方式介紹
仿京東驗證碼效果代碼