欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery框架的属性(Attributes)使用方法2

程序员文章站 2023-02-23 13:50:38
jquery框架的属性(attributes)使用方法 本系列文章主要讲述jquery框架的属性(attributes)使用方法,我将以实例方式进行讲述,以简单,全面为基础,不会...

jquery框架的属性(attributes)使用方法

本系列文章主要讲述jquery框架的属性(attributes)使用方法,我将以实例方式进行讲述,以简单,全面为基础,不会涉及很深,我的学习方法:先入门,后进阶!

本系列文章分为:属性篇、类篇、html代码篇、文本篇、值篇共5篇文章。

本篇讲解:addclass(class),removeclass(class),toggleclass(class)的用法。

您对本系列文章有任何建议或意见请发送到邮箱:sjzlgt@qq.com

您可以到jquery官网来学习更多的有关jquery知识。

版权所有:code-cat 博客:https://www.cnblogs.com/bynet/转载请保留原作者、出处和版权信息!

1. addclass(class)用法

定义:为每个匹配的元素添加指定的类名。

返回值:object

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

实例:将id为"p_a1"的div中第所有图片加上 'redborder' 类 。

代码:$("#p_a1 img").addclass("redborder");

2. removeclass(class)用法

定义:从所有匹配的元素中删除全部或者指定的类。

返回值:object

参数:class (string) : (可选) 一个或多个要删除的css类名,多个请用空格分开

实例:将id为"p_b1"的div中第所有图片删除 'redborder' 类 。

代码:$("#p_b1 img").removeclass("redborder");

3. toggleclass(class)用法

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

返回值:object

参数:class (string) :css类名

实例:将id为"p_c1"的div中第所有图片切换 'redborder' 类 。代码: $("#p_c1 img").toggleclass("redborder");