jQuery UI addClass()方法

jQuery UI库是基于jQuery扩展而来的UI组件库。其中addClass()方法是jQuery UI库中用于添加指定类名到一个或多个元素的方法。

一、语法：addClass(className)

• className：必须，要添加到元素的一个或多个类名，多个类名可以用空格分隔。

这个方法通过向选定的元素添加一个或多个类名，来设置一个或多个样式规则。

二、示例：

1. 在元素内添加一个类：

HTML代码：

<p class="example">这是一个段落。</p>

JS代码：

$(".example").addClass("myClass");

上面的代码会给类名为example的段落元素添加一个myClass类：

<p class="example myClass">这是一个段落。</p>

1. 在多个元素内添加同一个类：

HTML代码：

<div class="example">div 1</div>
<div class="example">div 2</div>
<div class="example">div 3</div>

JS代码：

$(".example").addClass("myClass");

上面的代码会给所有类名为example的元素添加一个myClass类：

<div class="example myClass">div 1</div>
<div class="example myClass">div 2</div>
<div class="example myClass">div 3</div>

以上就是addClass()方法的完整攻略。其中主要介绍了该方法的语法和使用示例，可以看出该方法非常简单易用，可以在多个元素中添加同一个类，并且还可以添加多个类名。