多语言展示
当前在线:1493今日阅读:168今日分享:49

怎么判断div没有class属性值

在网页开发中,经常会遇到判断一个元素,如div元素,是否有某个属性值,如class属性,来进行下一步设置或展示操作。或是依据某个元素的属性来提示用户信息等。下面就来简单的介绍下怎么判断一个div有没有class属性
工具/原料
1

html

2

javascript

3

jquery

方法/步骤
1

首先新建一个空白的模版html文件,添加一个div元素用来测试,再引入jquery库

2

先看下jquery的attr方法的使用,attr方法设置或返回被选元素的属性值。

3

打开浏览器,测试下运行结果。由于上面的例子中是存在class属性值的,

,所有获取到之后,alert出“存在”提示信息

4

使用jquery的hasClass方法来判断,需要指定某个特定的class值

5

打开浏览器,测试下运行结果。同样可以判断出div元素是否存在某个class属性值

6

jquery还是提供了一个addClass的库方法,可以用来动态的添加这个属性值

7

打开浏览器,测试下运行结果。原先不存在class属性值,在addClass之后,再次读取判断的时候,就存在了。说明addClass的class属性值被正确的设置了。

注意事项

上面的例子是基于jquery方式来判断的,非常简单和方便,其实不使用jquery也是可以判断的,只不过麻烦一些。在有现成的库方法还是建议使用库方法。