2025-04-08 23:32:43

😊 jQuery中的`attr()`与`addClass()`有什么区别?

导读 在使用jQuery进行网页开发时,`attr()`和`addClass()`是两个非常常用的函数,但它们的功能却完全不同。💡首先,`attr()`主要用于设置或获取...

在使用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()`则是为了美化界面。两者各有千秋,搭配使用能让网页更加灵活多样!✨