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 相关文章推荐
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
jQuery实现表格隔行换色
Sep 01 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
浅谈JS和jQuery的区别
Mar 27 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
基于JQuery和DWR实现异步数据传递
Oct 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生成缩略图的函数代码(修改版)
2011/01/18 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(六)
2014/06/23 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
简单谈谈PHP面向对象之标识对象
2017/06/27 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
php写入文件不覆盖的实例讲解
2019/09/17 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
简单通用的JS滑动门代码
2008/12/19 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
2014/06/26 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
javascript判断回文数详解及实现代码
2017/02/03 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
2017/06/16 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
详解python发送各类邮件的主要方法
2016/12/22 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
django的settings中设置中文支持的实现
2019/04/28 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
Python Django view 两种return的实现方式
2020/03/16 Python
Python网页解析器使用实例详解
2020/05/30 Python
Django model class Meta原理解析
2020/11/14 Python
英国时尚家具、家居饰品及礼品商店:Graham & Green
2016/09/15 全球购物
美国在线健康和美容市场:Pharmapacks
2018/12/05 全球购物
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
美国渔具店:FishUSA
2019/08/07 全球购物
Yahoo-PHP面试题1
2016/07/20 面试题
C#怎么让一个窗口居中显示?
2015/10/20 面试题
建筑管理专业求职信
2014/07/28 职场文书
公司合作协议范文
2014/10/01 职场文书
2014年标准化工作总结
2014/12/17 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
python使用pywinauto驱动微信客户端实现公众号爬虫
2021/05/19 Python