jQuery中toggleClass()方法用法实例_jquery

WBOY
Release: 2016-05-16 16:22:06
Original
1123 people have browsed it

本文实例讲述了jQuery中toggleClass()方法用法。分享给大家供大家参考。具体分析如下:

此方法对添加或移除匹配元素的一个或多个类进行切换。
toggleClass()方法检查匹配元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。

语法结构一:

复制代码代码如下:
$(selector).toggleClass(class,switch)

如果存在(不存在)就删除(添加)一个类。

参数列表:

参数 描述
class 规定添加或删除的类。
如果需要添加多个类,使用空格间隔。
switch 可选。布尔值,为true则加上对应的class,否则就删除。

实例代码:

复制代码代码如下:






脚本之家









语法结构二:

复制代码代码如下:
$(selector).toggleClass(function(index,class),switch)

把函数的返回值作为切换的类。

参数列表:

参数 描述
function(index,class) 函数定义返回需要添加或删除的一个或多个类名。
index - 可选,接受选择器的索引位置。
class - 可选,接受选择器的当前的类。
switch 可选。布尔值,为true则加上对应的class,否则就删除。

实例代码:

复制代码代码如下:






脚本之家









希望本文所述对大家的jQuery程序设计有所帮助。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!