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>
  • 相关阅读:
    笔记75 微服务笔记2
    笔记73 高级SSM整合2
    笔记72 高级SSM整合
    笔记71 SSM整合
    笔记70 Spring Boot快速入门(八)(重要)
    笔记69 基于Redis的zSet集合做数据缓存实现分页查询
    如何理解多租户架构?
    Tomcat8.0源码编译
    HTML语言
    String类
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10069039.html
Copyright © 2011-2022 走看看