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中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 jQuery
一文快速了解JQuery中的AJAX
May 31 jQuery
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 jQuery
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
jQuery实现简单评论功能
Aug 19 jQuery
jQuery实现动态向上滚动
Dec 21 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 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 时间计算问题小结
2009/01/04 PHP
PHP实现的简单日历类
2014/11/29 PHP
PHP中如何判断exec函数执行成功?
2016/08/04 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
2017/06/16 PHP
小议javascript 设计模式 推荐
2009/10/28 Javascript
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
根据表格中的某一列进行排序的javascript代码
2013/11/29 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
2017/06/15 Javascript
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
JS实现简易图片自动轮播
2020/10/16 Javascript
Vue实现简易购物车页面
2020/12/30 Vue.js
Python模拟随机游走图形效果示例
2018/02/06 Python
python 时间信息“2018-02-04 18:23:35“ 解析成字典形式的结果代码详解
2018/04/19 Python
解决nohup执行python程序log文件写入不及时的问题
2019/01/14 Python
python关于调用函数外的变量实例
2019/12/26 Python
python和php哪个更适合写爬虫
2020/06/22 Python
Python extract及contains方法代码实例
2020/09/11 Python
使用HTML5进行SVG矢量图形绘制的入门教程
2016/02/19 HTML / CSS
印度尼西亚最好的小工具在线商店:Erafone.com
2019/03/26 全球购物
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
加拿大留学自荐信
2014/01/28 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
临床医学专业求职信
2014/08/08 职场文书
会计人员演讲稿
2014/09/11 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
周一给客户的问候语
2015/11/10 职场文书
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
Golang gRPC HTTP协议转换示例
2022/06/16 Golang