jquery 学习之二 属性(类)

2020-05-19 07:31:27易采站长站整理

addClass(class)
为每个匹配的元素添加指定的类名。
Adds the specified class(es) to each of the set of matched elements.
返回值

jQuery


参数

class (String) : 一个或多个要添加到元素中的CSS类名,请用空格分开


示例

为匹配的元素加上 ‘selected’ 类


HTML 代码:


<p>Hello</p>

jQuery 代码:


$(“p”).addClass(“selected”);

结果:


[ <p class=”selected”>Hello</p> ]

为匹配的元素加上 selected highlight 类


HTML 代码:


<p>Hello</p>

jQuery 代码:


$(“p”).addClass(“selected highlight”);

结果:


[ <p class=”selected highlight”>Hello</p> ]——————————————————————————————————————————

removeClass(class)
从所有匹配的元素中删除全部或者指定的类。
Removes all or the specified class(es) from the set of matched elements.
返回值

jQuery


参数

class (String) : (可选) 一个或多个要删除的CSS类名,请用空格分开


示例

从匹配的元素中删除 ‘selected’ 类


HTML 代码:


<p class=”selected first”>Hello</p>

jQuery 代码:


$(“p”).removeClass(“selected”);

结果:


[ <p>Hello</p> ]

删除匹配元素的所有类


HTML 代码:


<p class=”selected first”>Hello</p>

jQuery 代码:


$(“p”).removeClass();

结果:


[ <p>Hello</p> ]

——————————————————————————————————————————

toggleClass(class)
如果存在(不存在)就删除(添加)一个类。
Adds the specified class if it is not present, removes the specified class if it is present.