jquery是否存在class的方法:1、使用【is(‘.classname’)】的方法;2、使用【hasclass(‘classname’)】的方法,代码为【$('div').hasclass('redcolor')】。
本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。
jquery是否存在class的方法:
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下:
is(‘.classname’)
hasclass(‘classname’)
以下是一个div元素是否包含一个redcolor的例子:
1. 使用is(‘.classname’)的方法
$('div').is('.redcolor')
2. 使用hasclass(‘classname’)的方法(注意jquery的低版本可能是hasclass(‘.classname’))
$('div').hasclass('redcolor')
以下是检测一个元素是否含有一个redcolor类的例子,含有时,则把其类变为bluecolor。
<html><head><styletype="text/css">.redcolor {background:red;}.bluecolor {background:blue;}</style><scripttype="text/javascript"src="jquery-1.3.2.min.js"></script></head><body><h1>jquery check if an element has a certain class</h1><divclass="redcolor">this is a div tag with class name of "redcolor"</div><p><buttonid="istest">is('.redcolor')</button><buttonid="hasclasstest">hasclass('.redcolor')</button><buttonid="reset">reset</button></p><scripttype="text/javascript">$("#istest").click(function () {if($('div').is('.redcolor')){$('div').addclass('bluecolor');}});$("#hasclasstest").click(function () {if($('div').hasclass('redcolor')){$('div').addclass('bluecolor');}});$("#reset").click(function () {location.reload();});</script></body></html>
相关免费学习推荐:javascript(视频)
以上就是jquery如何判断是否存在class的详细内容。