zoukankan      html  css  js  c++  java
  • jQuery属性--addClass()和removeClass()

       addClass(class|fn)

    概述

        为每个匹配的元素添加指定的类名

    参数

        class  一个或多个要添加到元素中的CSS类名,请用空格分开;

        function(index, class)  此函数必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值

       removeClass([class|fn])

    概述

        class  一个或多个要删除的CSS类名,请用空格分开

    参数

        function(index, class)  此函数必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
            <title></title>
            <style>
                .main{
                    color: #FF0000;
                    font-weight: bold;
                }
            </style>
            <script>
                $(document).ready(function(){
                    //addClass为每个匹配的元素添加指定的类名
                    $("button:first").click(function(){
                        $("p:first").addClass("main");
                    });
                    //removeClass从所有匹配的元素中删除全部或者指定的类
                    $("button:last").click(function(){
                        $("p:last").removeClass("main");
                    });
                });
            </script>
        </head>
        <body>
            <p>第一个段落。</p>
            <p class="main">第二个段落。</p>
            <button>addClass</button>
            <button>removeClass</button>
        </body>
    </html>
  • 相关阅读:
    MacOS install Maven
    MacOS install Nginx
    网站速度优化
    MacOS命令行计算文件hash值
    网站接入GoogleAnalytics步骤
    更换GitHub Pages博客主题
    那些让我相见恨晚的东西(持续更新)
    python 中的getattr(),setattr(),hasattr()的方法
    父往子传,子往父传,以及平行传值
    watch和computed
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10069039.html
Copyright © 2011-2022 走看看