jQery 操作CSS
阅读原文时间:2023年07月10日阅读:3

jQuery操作CSS也是很方便的,咱先看看这几个常用的方法:

  • addClass():向一个元素添加一个或者多个类。
  • removeClass():从一个元素中删除一个类或多个类。
  • toggleClass:对元素进行 添加/删除(切换方式) 某个类。
  • css():设置或返回元素的css样式。




learn javascript

<style type="text/css">  
    .red{  
        color : red;  
    }  
    .paragraph{  
        font-weight: bold;  
        font-size: xx-large;  
    }  
</style>  


一些内容

另一个文本



{{--js--}}






learn javascript

<style type="text/css">  
    .red{  
        color : red;  
    }  
    .paragraph{  
        font-weight: bold;  
        font-size: xx-large;  
    }  
</style>  


一些内容

另一个文本



{{--js--}}






learn javascript

<style type="text/css">  
    .red{  
        color : red;  
    }  
    .paragraph{  
        font-weight: bold;  
        font-size: xx-large;  
    }  
</style>  


一些内容

另一个文本



{{--js--}}



4.1 返回CSS

返回一个css 我们只需要在css方法中写出要获取的css类型就好。

$(document).ready(function() {  
    $("#btn1").click(function () {  
        alert($("#p1").css("background-color"));  
    });  
});

4.2 设置CSS

我们可以设置一个或多个css样式: