jQuery中toggleClass方法用法实例_jquery_脚本之家

www.ca88.com

正文实例呈报了jQuery中toggleClass(卡塔尔(英语:State of Qatar)方法用法。共享给我们供大家参谋。具体解析如下:

本文实例呈报了jQuery中removeClass(卡塔尔(قطر‎方法用法。分享给我们供大家参照他事他说加以考察。具体解析如下:

正文实例汇报了jQuery中addClass(卡塔尔国方法用法。分享给我们供大家参照他事他说加以调查。具体解析如下:

此方法对增加或移除相配成分的一个或多个类实行切换。toggleClass(卡塔尔国方法检查匹配成分中钦命的类。倘诺不设有则增多类,要是已设置则删除之。那正是所谓的切换效果。

此方法从相称成分删除一个或多少个类。依照章程参数的不相同,有以下两种语法构造。

此办法向相称成分增加一个或三个类。此措施有多少个语法格局。

语法布局黄金年代:复制代码
代码如下:$.toggleClass

语法构造风华正茂: 方法未有参数。把相配成分全数的类都移除。复制代码 代码如下:$.removeClass(卡塔尔(قطر‎

语法布局大器晚成:

参数列表: 参数 描述 class 规定增加或删除的类。
假使须要丰硕多少个类,使用空格间隔。 switch
可选。布尔值,为true则增进对应的class,不然就删除。

实例代码:

为相配成分增添钦赐的类名。假使要叁回性增加七个类名,它们中间要用空格分隔。复制代码 代码如下:$.addClass

实例代码:

代码能够将div的有所css类删除。

参数列表: 参数 描述 class 定义被增添类的名目

复制代码 代码如下:

复制代码 代码如下:

实例代码:

剧本之家

removeClass(卡塔尔(قطر‎函数-脚本之家

复制代码 代码如下:

充裕越多内容

剧本之家接待您

addClass函数-脚本之家

语法布局二:复制代码
代码如下:$.toggleClass,switch卡塔尔(قطر‎

点击查阅效果

剧本之家款待您

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

语法构造二:

点击查阅效果

参数列表: 参数 描述 function
函数定义重回须求加多或删除的七个或多少个类名。 index –
可选,采取接纳器的目录地点。 class – 可选,选取选取器的脚下的类。 switch
可选。布尔值,为true则增加对应的class,不然就删除。

移除相称成分中钦点的类复制代码
代码如下:$.removeClass 参数 描述 class
多少个或四个要删减的CSS类名。类名之间用空格分隔。

以上代码可以为div增添三个类,能够设置div的边框和字体的体制。

实例代码:

实例代码:

语法结构二:

复制代码 代码如下:

复制代码 代码如下:

以函数的重回值作为要抬高的类名。复制代码
代码如下:$.addClass(function

剧本之家

removeClass(卡塔尔(英语:State of Qatar)函数-脚本之家

参数列表: 参数 描述 function 函数定义重返需求加上的叁个或四个类名。
index – 可选,接收选拔器的目录地方。 oldclass-
可选,选取接纳器的近年来的类名。

加上愈来愈多内容

剧本之家接待您

实例代码:

希望本文所述对大家的jQuery程序设计具有利于。

点击查阅效果

复制代码 代码如下:

复制代码 代码如下:

addClass(卡塔尔国函数-脚本之家

removeClass(卡塔尔函数-脚本之家

本子之家接待您

本子之家招待您

点击查看效果

点击查看效果

地点代码和率先个实例的职能是雷同的,只可是要充足的类是经过函数重回值获得的。

移除三个CSS类,类名之间用空格分隔。

期待本文所述对大家的jQuery程序设计有着支持。

语法布局三:复制代码
代码如下:$.removeClass(function函数再次来到要移除的类名。

参数列表: 参数 描述 function
方法重返三个或多少个空格分隔的要被移除的class名。 index –
可选,选拔接收器的index 地方。 oldclass – 可选,采取选取器的庐山真面目目类值。

实例代码:

复制代码 代码如下:

removeClass(卡塔尔(英语:State of Qatar)函数-脚本之家

剧本之家招待您

点击查阅效果

用函数作为参数,函数重回一个要删减的CSS类名。

复制代码 代码如下:

removeClass(卡塔尔函数-脚本之家

本子之家迎接您

点击查看效果

用函数作为参数,函数再次来到八个要刨除的CSS类名,类名之间用空格分隔。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图