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和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
jQuery实现动态删除LI的方法
May 30 jQuery
使用jQuery实现动态添加小广告
Jul 11 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
Jul 22 jQuery
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 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
PHP中include()与require()的区别说明
2010/03/10 PHP
PHP中CURL的CURLOPT_POSTFIELDS参数使用细节
2014/03/17 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
javascript中String类的subString()方法和slice()方法
2011/05/24 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
js编写的treeview使用方法
2016/11/11 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
详解用webpack把我们的业务模块分开打包的方法
2017/07/20 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
JavaScript实现微信号随机切换代码
2018/03/09 Javascript
jquery实现的分页显示功能示例
2019/08/23 jQuery
解决vue初始化项目时,一直卡在Project description上的问题
2019/10/31 Javascript
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python3中简单的文件操作及两个简单小实例分享
2017/06/18 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
python中matplotlib实现随鼠标滑动自动标注代码
2020/04/23 Python
python实现简易版学生成绩管理系统
2020/06/22 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
利用Canvas模仿百度贴吧客户端loading小球的方法示例
2017/08/13 HTML / CSS
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
南京某公司笔试题
2013/01/27 面试题
大学生饮食配送创业计划书
2014/01/04 职场文书
活动策划邀请函
2014/02/06 职场文书
小学教学随笔感言
2014/02/26 职场文书
小学教师师德师风个人整改措施
2014/09/18 职场文书
社区党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
化工见习报告范文
2014/10/31 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
通知范文怎么写
2015/04/16 职场文书
MySql如何将查询的出来的字段进行转换
2022/06/14 MySQL