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)#设置值

posted @ 2021-02-10 10:50  安好_世界  阅读(62)  评论(0)    收藏  举报