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卸载全部事件的思路详解
Apr 03 jQuery
JQuery实现图片轮播效果
May 08 jQuery
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery实现手势解锁密码特效
Aug 14 jQuery
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
JS文件中加载jquery.js的实例代码
May 05 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
jQuery实现容器间的元素拖拽功能
Dec 01 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函数preg_match_all正则表达式的基本使用详细解析
2013/08/31 PHP
php生成图片验证码
2015/06/09 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
微信支付开发交易通知实例
2016/07/12 PHP
如何在Mozilla Gecko 用Javascript加载XSL
2007/01/09 Javascript
理解 JavaScript 预解析
2009/10/25 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
Redis基本知识、安装、部署、配置笔记
2015/03/05 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
深入理解vue.js中的v-if和v-show
2017/06/22 Javascript
微信小程序后台解密用户数据实例详解
2017/06/28 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
2019/04/28 jQuery
vue props 一次传多个值实例
2020/07/22 Javascript
Python对列表排序的方法实例分析
2015/05/16 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
Python virtualenv虚拟环境实现过程解析
2020/04/18 Python
重写django的model下的objects模型管理器方式
2020/05/15 Python
英国最好的包装供应商:Priory Direct
2019/12/17 全球购物
推荐信格式范文
2014/05/09 职场文书
环保倡议书怎么写
2014/05/16 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
节约用水标语
2014/06/11 职场文书
标准毕业生自荐信
2014/06/24 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
2014年学生会工作总结范文
2014/11/07 职场文书
物流业务员岗位职责
2015/04/03 职场文书
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL
浅谈Redis的事件驱动模型
2022/05/30 Redis