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代替iframe的方法(详解)
Apr 12 jQuery
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
jQuery实现QQ空间汉字转拼音功能示例
Jul 10 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
jQuery zTree插件快速实现目录树
Aug 16 jQuery
jQuery zTree树插件的使用教程
Aug 16 jQuery
jquery插件实现图片悬浮
Apr 16 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魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
Js组件的一些写法
2010/09/10 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
JavaScript禁止页面操作的示例代码
2013/12/17 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
2017/03/24 Javascript
一步步教你利用Canvas对图片进行处理
2017/09/19 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
[06:45]DOTA2-DPC中国联赛 正赛 Magma vs LBZS 选手采访
2021/03/11 DOTA
python使用mailbox打印电子邮件的方法
2015/04/30 Python
Python中方法链的使用方法
2016/02/23 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
Python实现去除列表中重复元素的方法总结【7种方法】
2019/02/16 Python
python 内置函数汇总详解
2019/09/16 Python
Python 生成一个从0到n个数字的列表4种方法小结
2019/11/28 Python
Python读取表格类型文件代码实例
2020/02/17 Python
美国猫狗药物和用品网站:PetCareRx
2017/01/05 全球购物
Spartoo西班牙官网:法国时尚购物网站
2018/03/27 全球购物
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
EJB的基本架构
2016/09/22 面试题
办公室员工岗位工作职责
2014/03/10 职场文书
会计专业求职信范文
2014/03/16 职场文书
软件售后服务方案
2014/05/29 职场文书
教师工作失职检讨书
2014/09/18 职场文书
python 爬取哔哩哔哩up主信息和投稿视频
2021/06/07 Python
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS