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>
  • 相关阅读:
    ARKit 初体验
    基于树莓派的微型气象站设计与开发(Windows 10 IoT Core)
    UWP开发-重新理解MVVM
    UWP开发-二维变换以及三维变换
    WebRTC for UWP
    swift4.0 Http 请求
    Swift4 Json
    UNITY VR 视频/图片 开发心得(二)
    UNITY VR 视频/图片 开发心得(一)
    UWP开发中的方向传感器
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10069039.html
Copyright © 2011-2022 走看看