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实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jQuery实现的简单在线计算器功能
May 11 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
jquery实现左右轮播切换效果
Jan 01 jQuery
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
jQuery实现倒计时功能完整示例
Jun 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数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
php中使用redis队列操作实例代码
2013/02/07 PHP
php魔术方法功能与用法实例分析
2016/10/19 PHP
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
2014/03/14 Javascript
Bootstrap carousel轮转图的使用实例详解
2016/05/17 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
利用Console来Debug的10个高级技巧汇总
2018/03/26 Javascript
Vue数据双向绑定原理及简单实现方法
2018/05/18 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
python函数缺省值与引用学习笔记分享
2013/02/10 Python
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
使用 Python 在京东上抢口罩的思路详解
2020/02/27 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
上海雨人软件技术开发有限公司测试题
2015/07/14 面试题
公共事业管理本科生求职信
2013/10/07 职场文书
纪念建党演讲稿范文
2014/01/13 职场文书
企业晚会策划方案
2014/05/29 职场文书
老干部工作先进事迹
2014/08/17 职场文书
青年教师师德演讲稿
2014/08/26 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
优秀高中学生评语
2014/12/30 职场文书
七年级作文之秋游
2019/10/21 职场文书
python实现剪贴板的操作
2021/07/01 Python