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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
Jul 31 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
Vue下的国际化处理方法
Dec 18 Javascript
JavaScript中的连续赋值问题实例分析
Jul 12 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 Javascript
vue style width a href动态拼接问题的解决
Aug 07 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
投票管理程序
2006/10/09 PHP
Destoon模板制作简明教程
2014/06/20 PHP
PHP正则表达式笔记与实例详解
2019/05/09 PHP
让插入到 innerHTML 中的 script 跑起来的实现代码
2006/07/01 Javascript
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
2013/04/26 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
Javascript实现禁止输入中文或英文的例子
2014/12/09 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
详解vue mint-ui源码解析之loadmore组件
2017/10/11 Javascript
vue获取input输入值的问题解决办法
2017/10/17 Javascript
js实现随机点名系统(实例讲解)
2017/10/18 Javascript
vue的toast弹窗组件实例详解
2018/05/14 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
Vue 中 a标签上href无法跳转的解决方式
2019/11/12 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
详解uniapp的全局变量实现方式
2021/01/11 Javascript
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
pyenv虚拟环境管理python多版本和软件库的方法
2019/12/26 Python
Python类继承和多态原理解析
2020/02/05 Python
python 实现控制鼠标键盘
2020/11/27 Python
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
Microsoft新加坡官方网站:购买微软最新软件和技术产品
2016/10/28 全球购物
个人安全承诺书
2014/05/22 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
关于倡议书的范文
2015/04/29 职场文书
工商局调档介绍信
2015/10/22 职场文书
pdf论文中python画的图Type 3 fonts字体不兼容的解决方案
2021/04/24 Python
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS