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 相关文章推荐
Function.prototype.call.apply结合用法分析示例
Jul 03 Javascript
js传中文参数controller里获取参数乱码问题解决方法
Jan 03 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
Mar 31 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
jQuery表单设置值的方法
Jun 30 jQuery
JavaScript异步加载问题总结
Feb 17 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
Mar 01 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
Sep 16 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 Javascript
JS实现拖动模糊框特效
Aug 25 Javascript
ES2020让代码更优美的运算符 (?.) (??)
Jan 04 Javascript
使用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
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
在html页面中包含共享页面的方法
2008/10/24 Javascript
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
H5图片压缩与上传实例
2017/04/21 Javascript
BootStrap selectpicker后台动态绑定数据
2017/06/01 Javascript
浅谈vue中数据双向绑定的实现原理
2017/09/14 Javascript
node.js遍历目录的方法示例
2018/08/01 Javascript
详解webpack打包第三方类库的正确姿势
2018/10/20 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
2018/12/20 Javascript
浅谈selenium如何应对网页内容需要鼠标滚动加载的问题
2020/03/14 Python
Python爬虫之Selenium库的使用方法
2021/01/03 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
Fox Racing英国官网:越野摩托车和山地自行车服装
2020/02/26 全球购物
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
广州某公司软件工程师面试题
2014/12/22 面试题
应届毕业生就业自荐信
2013/10/26 职场文书
大学生活学习的自我评价
2013/12/03 职场文书
军训自我鉴定100字
2014/02/13 职场文书
博士生求职信
2014/07/06 职场文书
我们的节日中秋活动方案
2014/08/19 职场文书
煤矿安全协议书
2014/08/20 职场文书
违反交通安全法检讨书
2014/10/24 职场文书
投标邀请书范本
2015/02/02 职场文书
小学新课改心得体会
2016/01/22 职场文书
观看《杨善洲》宣传教育片心得体会
2016/01/23 职场文书
Django如何与Ajax交互
2021/04/29 Python