码迷,mamicode.com
首页 > Web开发 > 详细

jQuery的CSS操作

时间:2015-08-10 20:11:04      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:前端   jquery   

.css()——获取匹配元素集合中的第一个元素的样式属性的值设置每个匹配元素的一个或多个CSS属性;

.hasClass()——确定任何一个匹配元素是否有被分配给定的(样式)类;

.addClass()——为每个匹配的元素添加指定的样式类名;

.removeClass()——移除集合中每个匹配元素上一个,多个或全部样式;

.toggleClass()——在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>添加元素&删除元素</title>
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/css.js"></script>
    <style>
        .divStyle{
            width:800px;
            height: 25px;
            background-color: #1abc9c;
        }
    </style>
</head>
<body>
<div id="div1">
    获取匹配元素集合中的第一个元素的样式属性的值或设置每个匹配元素的一个或多个CSS属性。
</div>

</body>
</html>

$(document).ready(function(){
    //$("#div1").css({
    //    width:"700px",height:"25px",backgroundColor:"#01C5FF"
    //});
    //$("#div1").addClass("divStyle");
    //$("#div1").removeClass("divStyle");
    $("#div1").click(function(){
        $(this).toggleClass("divStyle");
    })
})


版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery的CSS操作

标签:前端   jquery   

原文地址:http://blog.csdn.net/bboyjoe/article/details/47402181

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!