jQuery的CSS操作

最新推荐文章于 2022-12-11 14:08:51 发布

bboyjoe

最新推荐文章于 2022-12-11 14:08:51 发布

阅读量720

点赞数

分类专栏： jQuery 文章标签：前端 jquery

本文链接：https://blog.csdn.net/bboyjoe/article/details/47402181

版权

jQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

.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");
    })
})

bboyjoe

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery的CSS操作

.css()——获取匹配元素集合中的第一个元素的样式属性的值设置每个匹配元素的一个或多个CSS属性；.hasClass()——确定任何一个匹配元素是否有被分配给定的（样式）类；.addClass()——为每个匹配的元素添加指定的样式类名；.removeClass()——移除集合中每个匹配元素上一个，多个或全部样式；.toggleClass()——在匹配的元素集合中的每个元素上添加或
复制链接

扫一扫

专栏目录