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 事件查询综合
Jul 13 Javascript
IE8 中使用加速器(Activities)
May 14 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
Nov 22 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
Mar 03 Javascript
8个超实用的jQuery功能代码分享
Jan 08 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
ES6模块化的import和export用法方法总结
Aug 08 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Aug 16 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 Javascript
微信小程序实现点击导航条切换页面
Nov 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
PHP Google的translate API代码
2008/12/10 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
javascript中的float运算精度实例分析
2010/08/21 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
2012/03/01 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
vue多级多选菜单组件开发
2020/09/08 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
2016/11/25 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成&quot;...&quot;)
2016/11/28 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
javascript实现滑动解锁功能
2017/03/22 Javascript
vue.js学习之UI组件开发教程
2017/07/03 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
2018/08/02 Javascript
详解Python的Django框架中的模版相关知识
2015/07/15 Python
关于pip的安装,更新,卸载模块以及使用方法(详解)
2017/05/19 Python
查看python下OpenCV版本的方法
2018/08/03 Python
python批量获取html内body内容的实例
2019/01/02 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
Linux的主要特性
2016/09/03 面试题
最新茶叶店创业计划书
2014/01/14 职场文书
团支部推优材料
2014/05/21 职场文书
踏青活动策划方案
2014/08/19 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
2014年小学图书室工作总结
2014/12/09 职场文书
高中生毕业评语
2014/12/30 职场文书
企业投资意向书
2015/05/09 职场文书
离职证明格式样本
2015/06/12 职场文书
辅导员学期工作总结
2015/08/14 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书
sql注入教程之类型以及提交注入
2021/08/02 MySQL
vscode内网访问服务器的方法
2022/06/28 Servers