概述
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.
返回值
jQuery
参数
class (String) :CSS类名
示例
为匹配的元素切换 'selected' 类
HTML 代码:
<p>Hello</p><p class="selected">Hello Again</p>
jQuery 代码:
$("p").toggleClass("selected");
结果:
[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
最后
以上就是野性世界为你收集整理的jquery 学习之二 属性(类)的全部内容，希望文章能够帮你解决jquery 学习之二 属性(类)所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复