jQuery 添加样式属性的优先级别方法(推荐)


Posted in jQuery onJune 08, 2017

jQuery类中添加多个属性

$('#five .a')
.css({
  color:'blue',
  border:'2px solid green',
  background:'blue'
});

jQuer为元素添加类

$('#five .a')
.addClass('funny');

HTML code

<style>
.funny{
  font-size: 21px;
  background-color: gray ;
  padding: 10px;
  color: yellow ;
}
 </style>
<div id="five">
  <div class="a">A</div>
</div>

jQuery 添加样式属性的优先级别方法(推荐)

可以看到jQuery类中添加多个属性渲染效果是以内嵌样式出现的。

而jQuer为元素添加的类没有内嵌样式的优先级高

可以看到渲染效果中没有funny的background-color: gray ;和color: yellow ;属性。

jQuery 添加样式属性的优先级别方法(推荐)

以上这篇jQuery 添加样式属性的优先级别方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
jquery dataTable 后台加载数据并分页实例代码
Jun 07 #jQuery
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 #jQuery
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 #jQuery
jquery仿京东商品放大浏览页面
Jun 06 #jQuery
jquery实现图片放大点击切换
Jun 06 #jQuery
jquery请求servlet实现ajax异步请求的示例
Jun 03 #jQuery
Jquery EasyUI $.Parser
Jun 02 #jQuery
You might like
星际玩家的三大定律
2020/03/04 星际争霸
php简单封装了一些常用JS操作
2007/02/25 PHP
php中$_REQUEST、$_POST、$_GET的区别和联系小结
2011/11/23 PHP
PHP回调函数概念与用法实例分析
2017/11/03 PHP
PHP设计模式之抽象工厂模式实例分析
2019/03/25 PHP
在IE模态窗口中自由查看HTML源码的方法
2007/03/08 Javascript
常规表格多表头查询示例
2014/02/21 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
BootStrap中的表单大全
2016/09/07 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
2017/01/20 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
JavaScript html5 canvas实现图片上画超链接
2017/10/20 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
2018/09/19 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
python写的ARP攻击代码实例
2014/06/04 Python
使用Python的PEAK来适配协议的教程
2015/04/14 Python
python删除某个字符
2018/03/19 Python
Python常见工厂函数用法示例
2018/03/21 Python
Python 中的lambda函数介绍
2018/10/10 Python
django之自定义软删除Model的方法
2019/08/14 Python
TensorFlow tf.nn.conv2d实现卷积的方式
2020/01/03 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
html5拍照功能实现代码(htm5上传文件)
2013/12/11 HTML / CSS
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
数控个人求职信范文
2014/02/03 职场文书
2015年幼儿园毕业感言
2014/02/12 职场文书
食品安全工作实施方案
2014/03/26 职场文书
2015年世界环境日演讲稿
2015/03/18 职场文书
小学毕业感言100字
2015/07/30 职场文书
老人院义工活动感想
2015/08/07 职场文书
优秀创业计划书分享
2019/07/19 职场文书
JavaScript canvas实现流星特效
2021/05/20 Javascript