导读 大家好!今天来聊聊jQuery中的`attr()`方法,它可是前端开发中不可或缺的小助手之一哦~🎯什么是attr()?简单来说,`attr()`方法用于获取或...
大家好!今天来聊聊jQuery中的`attr()`方法,它可是前端开发中不可或缺的小助手之一哦~🎯
什么是attr()?
简单来说,`attr()`方法用于获取或设置HTML元素的属性值。无论是动态修改链接地址、禁用按钮,还是读取图片路径,它都能轻松搞定!💪
基本语法:
```javascript
$(selector).attr(attributeName) // 获取属性值
$(selector).attr(attributeName, value) // 设置属性值
```
举个栗子🌰:
假设我们有一个按钮,想让它点击后变灰且不可用:
```javascript
$("button").click(function(){
$(this).attr("disabled", "disabled");
});
```
是不是很简单?😎
再比如,动态改变图片源:
```javascript
$("img").attr("src", "newImage.jpg");
```
小技巧提醒: 如果你需要同时设置多个属性,可以使用`.prop()`方法哦~😉
掌握了`attr()`,你的网页交互会更加灵活有趣!快去试试吧~🚀