脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery 添加样式属性的优先级别

jQuery 添加样式属性的优先级别方法(推荐)

 更新时间：2017年06月08日 08:04:06   投稿：jingxian  
下面小编就为大家带来一篇jQuery 添加样式属性的优先级别方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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类中添加多个属性渲染效果是以内嵌样式出现的。

而jQuer为元素添加的类没有内嵌样式的优先级高

可以看到渲染效果中没有funny的background-color: gray ;和color: yellow ;属性。

以上这篇jQuery 添加样式属性的优先级别方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • jQuery.holdReady()使用方法

    jQuery.holdReady()使用方法

    jQuery.holdReady()方法允许jQuery的完成事件被该函数锁定，下面为大家介绍下其具体的使用
    2014-05-05
  • jquery的父、子、兄弟节点查找,节点的子节点循环方法

    jquery的父、子、兄弟节点查找,节点的子节点循环方法

    下面小编就为大家带来一篇jquery的父、子、兄弟节点查找,节点的子节点循环方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • jquery怎样实现ajax联动框(一)

    jquery怎样实现ajax联动框(一)

    ajax联动框想必大家早有所耳闻，接下来本文详细介绍下使用jquery实现的原理及代码，感兴趣的你可以参考下，或许对你有所帮助
    2013-03-03
  • 深入了解query和params的使用区别

    深入了解query和params的使用区别

    这篇文章主要介绍了深入了解query和params的使用区别，路由传参的时候，有俩兄弟，一个叫query，一个叫parmas，你说他们俩长得也不像吧，可这用法实在是太类似了，下面就让我们分别从vue路由和Node接收两个角度讲他们的区别,需要的朋友可以参考下
    2019-06-06
  • js判断复选框是否选中的方法示例【基于jQuery】

    js判断复选框是否选中的方法示例【基于jQuery】

    这篇文章主要介绍了js判断复选框是否选中的方法,结合实例形式分析了基于jQuery实现的复选框选中判断相关操作技巧,需要的朋友可以参考下
    2019-10-10
  • jQuery使用手册之一

    jQuery使用手册之一

    jQuery使用手册之一...
    2007-03-03
  • 用jQuery的AJax实现异步访问、异步加载

    用jQuery的AJax实现异步访问、异步加载

    这篇文章主要介绍了用jQuery的AJax实现异步访问、异步加载，jQuery的ajax异步实现数据交互的相关技巧,并提供了完整示例demo供读者参考,需要的朋友可以参考下
    2016-11-11
  • jQuery向父辈遍历的简单方法

    jQuery向父辈遍历的简单方法

    下面小编就为大家带来一篇jQuery向父辈遍历的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • JQuery实现简单的服务器轮询效果实例

    JQuery实现简单的服务器轮询效果实例

    这篇文章主要介绍了JQuery实现简单的服务器轮询效果,结合实例形式分析了jQuery的ajax交互结合.net处理实现轮询效果的相关技巧,需要的朋友可以参考下
    2016-03-03
  • jQuery div拖拽用法实例

    jQuery div拖拽用法实例

    这篇文章主要介绍了jQuery div拖拽用法,以完整实例形式分析了jQuery结合UI插件实现拖拽功能的相关技巧,需要的朋友可以参考下
    2016-01-01

最新评论