2019-08-01 jquery中常用方法

1.attr（）方法设置或返回被选元素的属性值

<html>
    <meta charset="utf-8"/>
    <head><title>attr</title></head>
    <body>
        1.定义：attr() 方法设置或返回被选元素的属性值。
        <br>
        <button id="btn">获取属性值</button>
        <button id="btn1">设置属性值</button>
        <button id="btn2">设置多个属性值</button>
        <button id="btn3">删除属性值</button>
        <button id="but4">变</button>
        <br>
        <img src="submit.jpg" alt="submit" width="200px" id="img"/>
        <br>
    </body>
</html>

<script type="text/javascript" src="Jquery2.1.4.js"></script>
<script type="text/javascript">
    $("#btn").click(function(){
        console.log($("#img").attr('width'));//获取被选元素属性值
    });

    $("#btn1").click(function(){
        $("#img").attr('width','100px');//设置元素属性值
    });

    $("#btn2").click(function(){
        $("#img").attr({width:"100px",src:"submit.png"});//设置多个属性值
    });

    $("#btn3").click(function(){
        $("#img").removeAttr("width");    //删除属性值
    });

    $("#but4").hover(function(){
        $("#img").attr('src','submit.png');//简单效果
    },function(){
        $("#img").attr('src','submit.jpg');
    });

</script>