jq判断指定class是否存在并进行删除、添加操作
JavaScipt
2023-05-14 11:57:56
页面动画效果中,常需要对指定类名进行对应操作。如检测、删除、添加效果,本文详细介绍基于jq如何实现对class的这些基础操作代码详解。
一、检测是否存在指定Class
需求:检测div中是否存在类名为test的class
1.1、hasClass()方法
$('div').hasClass('test')
1.2、is()方法
$('div').is('.test')
二、删除div中指定class
需求:删除div中类名为test的class
2.1、removeClass()的使用
//单个class
$('div').removeClass('test')
//多个class
$('div').removeClass('test test1')
注:多个class删除英文状态下空格分隔
三、div中添加指定class
需求:div中添加类名为test1的class
$('div').addClass('test1')
//多个class
$('div').addClass('test1 test2')
注:多个class添加英文状态下空格分隔
四、jq中toggleClass()方法的使用
toggleClass定义:对添加和移除被选元素的一个或多个类进行切换。
即:检查指定元素中指定的类。如果不存在则添加类,如果已设置则删除之。
$('div').toggleClass('test')
//多个class
$('div').toggleClass('test test1')
注:多个class英文状态下空格分隔
释义:检测div中是否存在test类,存在就删除掉test类、不存在就添加test类。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
914人已阅读