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查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
Dec 20 Javascript
常用的JavaScript模板引擎介绍
Feb 28 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
vue实现div拖拽互换位置
Jul 29 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
详解小程序之简单登录注册表单验证
May 13 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 Javascript
微信小程序实现通讯录列表展开收起
Nov 18 Javascript
vue监听键盘事件的相关总结
Jan 29 Vue.js
使用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
Terran建筑一览
2020/03/14 星际争霸
php park、unpark、ord 函数使用方法(二进制流接口应用实例)
2010/10/19 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
PHP array_multisort()函数的使用札记
2011/07/03 PHP
PHP修改session_id示例代码
2014/01/08 PHP
深入理解PHP JSON数组与对象
2016/07/19 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
js如何准确获取当前页面url网址信息
2020/09/13 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
2017/07/18 Javascript
jQuery remove()过滤被删除的元素(推荐)
2017/07/18 jQuery
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
js异步上传多张图片插件的使用方法
2018/10/22 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
python的即时标记项目练习笔记
2014/09/18 Python
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
python版百度语音识别功能
2019/07/09 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
期中考试后的反思
2014/02/08 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
销售业务员岗位职责
2015/02/13 职场文书
房屋产权证明书
2015/06/19 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle