jQuery UI addClass

jQuery addclass()方法用于允许对CSS属性进行更改。它将指定的类添加到匹配的元素，同时为所有样式更改设置动画。

句法：

以下是jQuery UI addclass()方法的基本语法：(在版本1.0中添加)

.addClass( className [, duration ] [, easing ] [, complete ] )

addclass()方法的参数：

• ClassName：这是一个包含一个或多个CSS类的字符串。 (如果有更多的CSS类，它们之间用空格隔开。)
• 持续时间：用于指定持续时间(以毫秒为单位)。 0值会将元素直接带入新样式，而不会进行任何处理。其默认值为400。
• 缓和：这是一个类型字符串，指示效果进行的方式。其默认值为swing。
• 完成：此元素的效果完成时，这是每个元素的回调方法调用。

jQuery addClass方法的语法：(在1.9版中添加)

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

句法：

.addClass( className [, options ] ) 

1.9版中的addclass()方法的参数：

className：这是一个包含一个或多个CSS类的字符串。 (如果有更多的CSS类，它们之间用空格隔开。)

选项：用于指定所有动画设置。所有属性都是可选的。其可能的值为：

• 持续时间：这是一种数字或字符串，表示效果的持续时间。以毫秒为单位。值0将直接采用新样式的元素，而不会进行任何处理。其默认值为400。
• 缓解：这是一个字符串。它指定了效果进行的方式。其默认值为swing。
• 完成：该元素完成效果后，将为每个元素调用一个回调方法。
• 子代：这是布尔型，指定是否应将动画另外应用于匹配元素的所有后代。其默认值为false。
• 队列：这是布尔类型或字符串类型，并指定是否将动画放置在效果队列中。其默认值为TRUE。

jQueryUI addclass()示例1

让我们以一个示例来演示jQueryUI addclass()方法(传递单个类)。

   
      
      
      
      
      
      
      
   
   
      

         Hello! JavaTpoint
      
      Add Class
      Remove Class
   

jQuery UI addclass()示例2

让我们以一个示例来演示jQueryUI addclass()(传递多个类)

 

   
      
      
      
      
      
      
      
      
   
   
      
You are here at- JavaTpoint
      Click here