2022-06-06 使用jQuery的attr（）方法设置或改变元素属性的值

用法

• 返回属性的值：

$(selector).attr(attribute)

• 设置属性和值：

$(selector).attr(attribute,value)

• 使用函数设置属性和值：

$(selector).attr(attribute,function(index,currentvalue))

• 设置多个属性和值：

$(selector).attr({attribute:value, attribute:value,...})

示例:点击按钮改变链接的url和改变图片宽度

代码

<img src="../1.png" width="500">
<a href="#">链接</a>
<input type="button" value="改变url和图片宽度" onclick="fn()">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    function fn() {
        $('a').attr('href', 'http://www.baidu.com');
        alert("链接的新URL是:" + $('a').attr('href'));
        $("img").attr('width', 750);
    }
</script>