在使用jQuery进行网页开发时,`attr()`和`addClass()`是两个非常常用的函数,但它们的功能却完全不同。💡
首先,`attr()`主要用于设置或获取HTML元素的属性值。例如,如果你想修改一个按钮的ID或者添加自定义属性,就可以用它。举个例子:
```javascript
$("button").attr("disabled", "true");
```
这段代码会禁用页面上的所有按钮。因此,`attr()`的作用主要是操作元素的属性,比如`id`、`class`、`href`等。
而`addClass()`则是用来为元素添加CSS类名的。当你想通过CSS来改变元素的样式时,可以使用这个方法。例如:
```javascript
$(".box").addClass("highlight");
```
这样会将`.box`元素加上`highlight`类,从而应用对应的CSS样式,比如背景色变黄或字体加粗。
总结来说,`attr()`更侧重于操作HTML属性,而`addClass()`则是为了美化界面。两者各有千秋,搭配使用能让网页更加灵活多样!✨