jQuery-Class类的添加和删除


添加类 addClass( )

定义和用法:

addClass() 方法向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。

提示:如需添加多个类,请使用空格分隔类名。

语法: $(selector).addClass(class)

 

举例:当我点击h2标签的时候“添加一个让字体颜色变成黄色的类”,再添加一个让字号变成50px的类

.yellow{color:yellow};

.fontSize50{font-size:50px};

 

$(h2).click(function(){

       addClass('yellow')   // 添加单个类的方法

       addClass('yellow fontSize50')  // 添加多个类的方法 

})

 

 

移除类 removeClass( )

定义和用法:

removeClass() 方法从被选元素移除一个或多个类。

注释:如果没有规定参数,则该方法将从被选元素中删除所有类。

语法: $(selector).removeClass(class)

 

举例:当我点击h2标签的时候“移除一个让字体颜色变成黄色的类”,再移除一个让字号变成50px的类

.yellow{color:yellow};

.fontSize50{font-size:50px};

 

$(h2).click(function(){

       removeClass('yellow')   // 移除单个类的方法

       removeClass('yellow fontSize50')  // 移除多个类的方法 

       removeClass() //移除所有类

})

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM