• jQuery的CSS操作


    .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{
                800px;
                height: 25px;
                background-color: #1abc9c;
            }
        </style>
    </head>
    <body>
    <div id="div1">
        获取匹配元素集合中的第一个元素的样式属性的值或设置每一个匹配元素的一个或多个CSS属性。
    </div>
    
    </body>
    </html>

    $(document).ready(function(){
        //$("#div1").css({
        //    "700px",height:"25px",backgroundColor:"#01C5FF"
        //});
        //$("#div1").addClass("divStyle");
        //$("#div1").removeClass("divStyle");
        $("#div1").click(function(){
            $(this).toggleClass("divStyle");
        })
    })


  • 相关阅读:
    java.sql.SQLSyntaxErrorException: ORA-01722: 无效数字
    Lambda表达式详解
    MAC JDK 卸载方法(彻底卸载)
    JAVA final关键字
    JAVA访问权限
    JAVA重写
    JAVA继承
    单例设计模式---懒汉式和饿汉式
    JAVA构造块和静态代码块
    Java static关键字
  • 原文地址:https://www.cnblogs.com/yfceshi/p/7078129.html
Copyright © 2020-2023  润新知