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 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
UserData用法总结 lanyu出品
Jul 01 Javascript
jquery 使用点滴函数代码
May 20 Javascript
JavaScript prototype 使用介绍
Aug 29 Javascript
jQuery图片轮播的具体实现
Sep 11 Javascript
JavaScript Serializer序列化时间处理示例
Jul 31 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
Angular 路由route实例代码
Jul 12 Javascript
webpack配置sass模块的加载的方法
Jul 30 Javascript
详解webpack运行Babel教程
Jun 13 Javascript
javascript canvas检测小球碰撞
Apr 17 Javascript
小程序自动化测试的示例代码
Aug 11 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实现获取某个月份周次信息的方法
2015/08/11 PHP
yii框架无限极分类的实现方法
2017/04/08 PHP
php微信公众号开发之简答题
2018/10/20 PHP
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
全国省市二级联动下拉菜单 js版
2016/05/10 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
WEB 前端开发中防治重复提交的实现方法
2016/10/26 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
2016/12/12 Javascript
微信小程序wxs实现吸顶效果
2020/01/08 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
解决vuex刷新数据消失问题
2020/11/12 Javascript
Python时间的精准正则匹配方法分析
2017/08/17 Python
python和node.js生成当前时间戳的示例
2020/09/29 Python
Python列表嵌套常见坑点及解决方案
2020/09/30 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
2013/01/30 HTML / CSS
使用PDF.JS插件在HTML中预览PDF文件的方法
2018/08/29 HTML / CSS
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
巴西食品补充剂在线零售商:Músculos na Web
2017/08/07 全球购物
Manduka官网:瑜伽垫、瑜伽毛巾和服装
2018/07/02 全球购物
空字符串(“”)和null的区别
2012/11/13 面试题
法律专业推荐信范文
2013/11/29 职场文书
污水厂厂长岗位职责
2014/01/04 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
小学学校评估方案
2014/06/08 职场文书
完整版商业计划书
2014/09/15 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
无违反计划生育证明格式
2015/06/24 职场文书
react antd实现动态增减表单
2021/06/03 Javascript
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB