jquery操作元素的样式

index.html:

    
        
        
    
    
        显示的内容
        添加class
        删除class
        toggle切换class
        获取css属性
        更改css属性
    
    
    
    

index.js:

$(function(){
    var dom = $("#content_id");
    $("#add_btn").click(function(){
        dom.addClass("testCla");
    });
    $("#remove_btn").click(function(){
        dom.removeClass("testCla");
    });
    $("#toggle_btn").click(function(){
        dom.toggleClass("testCla");
    });
    $("#get_btn").click(function(){
        console.log(dom.css("backgroundColor"));
    });
    $("#change_btn").click(function(){
        dom.css("backgroundColor","yellow")
    });
});

注：

addClass:用来给元素添加一个class；

removeClass:用来给元素删除一个class;

toggleClass:用来动态的添加和删除class;

css:用来获取一个元素的属性；同样的也可以用来设置一个元素属性；

拓展：

css的方法设置属性时，需要使用驼形命名属性，驼形命名法：首字母小写，之后每个单词首字母大写；