jQuery对元素的CSS样式操作(通过修改CSS类实现）

2021-03-10 00:29

阅读：586

标签：指定 fun image dcl 输出样式就删除 java query

1.定义和用法：

　　addClass(class):为所有匹配的元素添加指定的CSS类名

　　注意：使用addClass()方式添加CSS类时，并不会删除先有的CSS类。同时，在使用以上方法时，其class参数都可以设置多个类名，类名与类名之间用空格分开

　　示例：

body>
    script type="text/javascript">
        //入口函数
        $(document).ready(function(){
            // 添加CSS样式
            $("div").addClass("box")
        })
    script>
    div>div>
body>

style.css代码：

.box{
    width: 100px;
    height: 100px;
    background-color: aqua;
}

　　输出：

技术图片

　　removeClass(class):从所有匹配的元素中删除全部或者指定的CSS类

　　示例：

body>
    script type="text/javascript">
        //入口函数
        $(document).ready(function(){
            // 添加CSS样式
            $("div").addClass("box")
            // 删除CSS样式
            $("div").removeClass("box")
        })
    script>
    div>div>
body>

　　toggleClass(class):如果存在就删除一个CSS类，如果不存在就添加一个CSS类

　　示例：

body>
    script type="text/javascript">
        //入口函数
        $(document).ready(function(){
            // 添加CSS样式
            $("div").addClass("box")
            // 删除CSS样式
            $("div").removeClass("box")
            //智能增减CSS样式
            $("div").toggleClass("box")
        })
    script>
    div>div>
body>

jQuery对元素的CSS样式操作(通过修改CSS类实现）

标签：指定 fun image dcl 输出样式就删除 java query

原文地址：https://www.cnblogs.com/abner-pan/p/12860458.html

上一篇：nodejs-08-EventEmitter

下一篇：JS----封装简易版jQuery

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：jQuery对元素的CSS样式操作(通过修改CSS类实现）
文章链接：http://soscw.com/index.php/essay/62520.html

亲，登录后才可以留言！

jQuery对元素的CSS样式操作(通过修改CSS类实现）

1.定义和用法：

评论

热门文章

推荐文章

最新文章

置顶文章