jquery如何判断某元素是否具备指定的样式


Posted in Javascript onNovember 05, 2013

分为以下2种情况:
1.如果css写成行内样式,可以通过获取style属性的值来判断,示例如下:
判断id为divid的div元素是否有font-size样式:

<div id="divid" style="float:left; font-size:12px;"></div> 
jquery代码如下: 
jQuery("#divid").each(function(){ 
var fontSize = $(this).attr("style").indexOf("font-size"); 
if(fontSize != (-1)){alert("已定义");} 
else{$(this).css({"float":"left","font-size":"12px"});} 
});

注:如果id为divid的div元素只有一个,则jquery的each只执行一次。
2.如果css写成类样式,可以通过获取class属性的值来判断,示例如下:
判断id为divid的div元素是否含有类样式divclass:
.divclass{ 
background-color: #F33; 
} 
<div id="divid" class="divclass"></div>

jquery代码如下:
jQuery("#divid").click(function(){ 
if(jQuery(this).attr("class").indexOf("divclass")>0){ 
jQuery(this).removeClass("divclass") 
}else{ 
jQuery(this).addClass("divclass") 
} 
});

注:以上代码可以实现点击切换背景颜色。
Javascript 相关文章推荐
javascript jQuery $.post $.ajax用法
Jul 09 Javascript
extjs 学习笔记(一) 一些基础知识
Oct 13 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
详细介绍8款超实用JavaScript框架
Oct 25 Javascript
优化Jquery,提升网页加载速度
Nov 14 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
May 12 Javascript
小程序自定义圆形进度条
Nov 17 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 #Javascript
js截取字符串的两种方法及区别详解
Nov 05 #Javascript
js实现在字符串中提取数字
Nov 05 #Javascript
提取字符串中年月日的函数代码
Nov 05 #Javascript
纯js分页代码(简洁实用)
Nov 05 #Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 #Javascript
js/jquery去掉空格,回车,换行示例代码
Nov 05 #Javascript
You might like
简单实用的.net DataTable导出Execl
2013/10/28 PHP
PHP echo,print,printf,sprintf函数之间的区别与用法详解
2013/11/27 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
PHP版QQ互联OAuth示例代码分享
2015/07/05 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
基于jquery tab切换(防止页面刷新)
2012/05/23 Javascript
jQuery中获取Radio元素值的方法
2013/07/02 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
2015/11/18 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
javascript实现二叉树的代码
2017/06/08 Javascript
angular.extend方法的具体使用
2017/09/14 Javascript
[44:01]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS paiN
2018/03/31 DOTA
[01:01:01]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第一场 10.29
2020/10/29 DOTA
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
Python中一些不为人知的基础技巧总结
2018/05/19 Python
PyQt5+requests实现车票查询工具
2019/01/21 Python
python儿童学游戏编程知识点总结
2019/06/03 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
浅析Python数字类型和字符串类型的内置方法
2019/12/22 Python
Python实现FLV视频拼接功能
2020/01/21 Python
python实现密度聚类(模板代码+sklearn代码)
2020/04/27 Python
Python3内置函数chr和ord实现进制转换
2020/06/05 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
本科生详细的自我评价
2013/09/19 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
餐厅楼面主管岗位职责范本
2014/02/16 职场文书
纪检干部先进事迹材料
2014/08/23 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
2015年营销工作总结范文
2015/04/23 职场文书
企业计划生育责任书
2015/05/09 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书
如何用JavaScript学习算法复杂度
2021/04/30 Javascript
Win11远程连接不上怎么办?Win11远程桌面用不了的解决方法
2022/08/05 数码科技