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

前端OnTheRun

已于 2022-09-23 10:53:44 修改

阅读量482

点赞数

CC 4.0 BY-SA版权

分类专栏：知识点文章标签： jquery jq attr方法 javascript

于 2022-06-06 23:24:05 首次发布

本文链接：https://blog.youkuaiyun.com/rowlet/article/details/125156579

知识点专栏收录该内容

96 篇文章

订阅专栏

本文通过详细的代码示例，介绍了如何使用jQuery库来实现点击按钮时，改变HTML链接的URL和图片的宽度。适合初学者理解DOM操作和jQuery应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用法

返回属性的值：

$(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>