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 面向对象之重载
May 04 Javascript
JavaScript数字和字符串转换示例
Mar 26 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
js实现分页功能
May 24 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
Jul 03 Javascript
使用store来优化React组件的方法
Oct 23 Javascript
浅谈Vue.nextTick 的实现方法
Oct 25 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
Vue 实例事件简单示例
Sep 19 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
制作美丽的拉花
2021/03/03 冲泡冲煮
PHP基础陷阱题(变量赋值)
2012/09/12 PHP
php简单图像创建入门实例
2015/06/10 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
2016/06/05 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
js中for in的用法示例解析
2013/12/25 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
2016/04/13 Javascript
js实现精确到秒的日期选择器完整实例
2016/04/30 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
vue 对axios get pust put delete封装的实例代码
2020/01/05 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
2020/03/23 Javascript
Python中转换角度为弧度的radians()方法
2015/05/18 Python
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
python类:class创建、数据方法属性及访问控制详解
2016/07/25 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
python 执行终端/控制台命令的例子
2019/07/12 Python
python面向对象 反射原理解析
2019/08/12 Python
详解在Python中以绝对路径或者相对路径导入文件的方法
2019/08/30 Python
使用python远程操作linux过程解析
2019/12/04 Python
TensorFlow梯度求解tf.gradients实例
2020/02/04 Python
keras 两种训练模型方式详解fit和fit_generator(节省内存)
2020/07/03 Python
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
历史学专业毕业生求职信
2013/09/27 职场文书
《散步》教学反思
2014/03/02 职场文书
法院授权委托书格式
2014/09/28 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
酒店辞职书范文
2015/02/26 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
七年级作文之我的梦想
2019/10/16 职场文书
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server
python保存图片的四个常用方法
2022/02/28 Python