jQuery addClass() 方法

在 web 前端开发中,经常会遇到需要动态改变元素样式的情况。jQuery 提供了一系列方法来操作 DOM 元素的样式,其中 addClass() 方法就是用来向元素添加一个或多个类名的。

语法

------------------------------- --------------- --------------
  • selector:要添加类名的元素选择器。
  • className:要添加的一个或多个类名,多个类名之间用空格分隔。
  • function(index, currentClass)(可选):一个函数,用于返回要添加的类名,可以根据元素的当前类名动态决定要添加的类名。

示例

假设我们有一个按钮元素:

------- ---------------------

我们可以使用 addClass() 方法来为这个按钮添加一个名为 btn-primary 的类名,让按钮变成蓝色背景、白色文字的样式:

----------------------------------

如果我们想要根据按钮当前的类名动态添加一个类名,比如切换按钮的样式,我们可以这样做:

---------------------------------- ------------- -
  -- ------------- --- -------------- -
    ------ ----------------
  - ---- -
    ------ --------------
  -
---

这样,每次点击按钮,它的样式就会在 btn-primarybtn-secondary 之间切换。

注意事项

  • addClass() 方法不会替换元素原有的类名,而是在原有类名的基确上添加新的类名。
  • 如果要添加多个类名,可以用空格分隔,如 addClass("class1 class2")
  • 如果要添加的类名已存在,则不会重复添加。

总的来说,addClass() 方法是一个非常方便的方法,可以让我们在前端开发中快速、灵活地操作元素的样式。希望本文对你有所帮助!


下一篇:jQuery 教程