在网页开发中,经常会遇到判断一个元素,如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也是可以判断的,只不过麻烦一些。在有现成的库方法还是建议使用库方法。
上一篇:怎么在Excel中输入对号
下一篇:视频加密流程指引
推荐信息
- 1
迷你世界怎么做隐藏自动门?
- 2
我的世界自动感应门怎么做
- 3
怎么查电动车型号?
- 4
怎么用几张纸做出美丽浪漫的薰衣草
- 5
薰衣草折纸怎么折?
- 6
重返仙域好感9之后怎么做
- 7
小米11怎么查激活日期和保修
- 8
不休的乌拉拉怎么聊天
- 9
怎么结交朋友
- 10
怎么结交新朋友,如何认识新朋友
- 11
刚毕业的男士进入职场总是被人取笑怎么办
- 12
赛睿耳机均衡器怎么调
- 13
途游斗地主残局闯关第84关和第85关怎么过关
- 14
宝宝咬人时该怎么办?
- 15
指尖上的奥运闪退怎么办
- 16
dmg格式的iOS7 Beta4固件怎么用
- 17
最囧游戏2第1-5关攻略图解 1-5关怎么过
- 18
读书郎平板忘记密码怎么解锁
- 19
读书郎怎么安装第三方app
- 20
复读鸭怎么对话
- 21
怎样用热转印烤杯机制作马克杯
- 22
软中华330与软中华329的区别
- 23
如何做到好的爱情
- 24
爱上一个人怎么办
- 25
B48宝马330i刷ECU/ECU动力升级/英国GTM正版程序
- 26
恋爱心理分析 得到她的心
- 27
快速掌握三维扫描仪的操作技巧
- 28
恋爱的几个原则
- 29
双GTX1080加持-战神GX10-SP7 plus游戏本深测
- 30
宛如脱缰野马!宝马320iECU升级超越330i的秘密
- 31
丰胸整形需谨慎 一定要了解几大问题
- 32
大学女生如何谈恋爱
- 33
如何看待恋爱的不同阶段?
- 34
大学生该如何看待恋爱与婚姻的关系?
- 35
大学生怎样正确处理恋爱
- 36
当代大学生应该怎样正确地恋爱?
- 37
Vivo Xplay3s怎么样
- 38
年轻人的恋爱与婚姻
- 39
生化变种顶级模组辐射模块如何获得
- 40
从男人穿的鞋 看他的爱情观与事业