jQuery UI removeClass

17 Mar 2025 | 阅读 2 分钟

jQuery removeClass() 方法用于管理 jQueryUI 视觉效果。它从元素中删除已应用的类。

removeClass() 方法删除指定类到匹配的元素,同时为所有样式更改添加动画效果。

语法

以下是 jQueryUI removeclass() 方法的基本语法:(在 jQueryUI 的 1.0 版本中添加)

removeClass() 方法的参数

  • ClassName: 这是一个字符串,包含一个或多个 CSS 类。(如果存在多个 CSS 类,则用空格分隔。)
  • Duration: 这用于指定时间持续时间,以毫秒为单位。值 0 将元素直接变为新样式,无渐变效果。其默认值为 400。
  • Easing: 它是一种字符串类型,表示效果的进度方式。其默认值为 swing。
  • Complete: 当此元素的动画效果完成时,将为每个元素调用一个回调方法。

jQuery removeClass 方法的语法:(在 1.9 版本中添加)

jQueryUI 的新版本 1.9 也支持 children 选项,该选项还将为后代元素设置动画。

语法

1.9 版本中 removeClass() 方法的参数

className: 这是一个字符串,包含一个或多个 CSS 类。(如果存在多个 CSS 类,则用空格分隔。)

options: 用于指定所有动画设置。所有属性都是可选的。它的可能值是

  • Duration: 这是一种数字或字符串类型,表示效果的持续时间。它以毫秒为单位计算。值 0 将元素直接变为新样式,无渐变效果。其默认值为 400。
  • Easing: 它是一个字符串。它指定效果的进度方式。其默认值为 swing。
  • Complete: 当此元素的动画效果完成时,将为每个元素调用的回调方法。
  • Children: 这是一个布尔类型,指定是否还应将动画应用于匹配元素的所有后代。其默认值为 false。
  • Queue:这属于布尔类型或字符串类型,用于指定是否将动画放置在效果队列中。其默认值为 TRUE。

jQuery UI removeclass 示例

让我们举一个例子来演示 jQueryUI removeclass()(传递单个类)

立即测试