jq判断指定class是否存在并进行删除、添加操作

页面动画效果中,常需要对指定类名进行对应操作。如检测、删除、添加效果,本文详细介绍基于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类。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!