zoukankan      html  css  js  c++  java
  • jQuery的属性和样式操作

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .c1{
    
            }
            .hide{
                display: none;
            }
        </style>
    </head>
    <body>
        <input id="i1" type="button" value="开关">
        <div class="c1 hide">ASFSAFSAFSAS</div>
        <!--<input id="i2" type="text">-->
        <SCRIPT SRC="jquery.js"></SCRIPT>
        <script>
            $('#i1').click(function () {
                //如果存在hide样式就删除,不存在就加上
                
                $('.c1').toggleClass('hide');
            })
    
        </script>
    </body>
    </html>

                样式样式:
                    addClass(class|fn)
                    removeClass([class|fn])
                    toggleClass(class|fn[,sw])
                属性操作:
                    #专门用于做自定义属性
                    $('#i1').attr('id')#获取属性的值
                    $('#i1').attr('id','test')#设置属性的值
                    $('#i1').removeAttr('id')#删除属性
                
                    #专门用于chekbox,radio
                    $('#i1').prop('checkbox')#获取值
                    $('#i1').prop('checkbox',true)#设置值

  • 相关阅读:
    硬件接口通信速度
    python socket非阻塞及python队列Queue
    pandaboard用wifi时打不开网页
    pandaboard安装ubuntu14.04系统遇到的问题
    创建ROS工作空间和包
    CAN 和 CANopen的区别和联系
    各种通信方式总汇
    ROS中的CMakeLists.txt
    备忘录模式
    class文件概述
  • 原文地址:https://www.cnblogs.com/anhao-world/p/14395168.html
Copyright © 2011-2022 走看看