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 相关文章推荐
jQuery 获取对象 定位子对象
May 31 Javascript
两种常用的javascript数组去重方法思路及代码
Mar 26 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
js定时器的使用(实例讲解)
Jan 06 Javascript
简述AngularJS的控制器的使用
Jun 16 Javascript
jQuery获取URL请求参数的方法
Jul 18 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
JavaScript实现快速排序的方法分析
Jan 10 Javascript
vue cli webpack中使用sass的方法
Feb 24 Javascript
jquery实现动态添加附件功能
Oct 23 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
PHP在不同页面间传递Json数据示例代码
2013/06/08 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
js本地图片预览实现代码
2016/10/09 Javascript
Angular.JS学习之依赖注入$injector详析
2016/10/20 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
vue的一个分页组件的示例代码
2017/12/25 Javascript
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
利用原生的JavaScript实现简单拼图游戏
2018/11/18 Javascript
微信小程序textarea层级过高的解决方法
2019/03/04 Javascript
JS浏览器BOM常见操作实例详解
2020/04/27 Javascript
[02:27]DOTA2英雄基础教程 莱恩
2014/01/17 DOTA
python 调用win32pai 操作cmd的方法
2017/05/28 Python
python实现外卖信息管理系统
2018/01/11 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
简单了解django orm中介模型
2019/07/30 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
Python远程方法调用实现过程解析
2020/07/28 Python
Python接收手机短信的代码整理
2020/08/02 Python
python获取整个网页源码的方法
2020/08/03 Python
Vans(范斯)德国官网:美国南加州的原创极限运动潮牌
2017/05/02 全球购物
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
工作的心得体会
2013/12/31 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
文明班集体申报材料
2014/05/23 职场文书
服装设计专业求职信
2014/06/16 职场文书
调研汇报材料范文
2014/08/17 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
乡镇2014法制宣传日活动总结
2014/11/01 职场文书
2014年民警工作总结
2014/11/25 职场文书
2014年民政工作总结
2014/11/26 职场文书
2015安全保卫工作总结
2015/04/25 职场文书
2015-2016年小学教导工作总结
2015/07/21 职场文书
详解Python为什么不用设计模式
2021/06/24 Python