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 相关文章推荐
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
jquery向后台提交数组的代码分析
Feb 20 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
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
2015/07/17 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
利用js获取下拉框中所选的值
2016/12/01 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
2017/01/22 Javascript
Bootstrap实现的标签页内容切换显示效果示例
2017/05/25 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
JavaScript实现模态对话框实例
2020/01/13 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
javascript实现贪吃蛇小练习
2020/07/05 Javascript
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python创建xml文件示例
2017/03/22 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
将字典转换为DataFrame并进行频次统计的方法
2018/04/08 Python
Python之csv文件从MySQL数据库导入导出的方法
2018/06/21 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
HTML5触摸事件演化tap事件介绍
2016/03/25 HTML / CSS
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
一个SQL面试题
2014/08/21 面试题
咖啡馆创业计划书
2014/01/26 职场文书
顶碗少年教学反思
2014/02/21 职场文书
法人任命书范本
2014/06/04 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
保险公司客户经理岗位职责
2015/04/09 职场文书
2015年物流客服工作总结
2015/07/27 职场文书