当前位置:Gxlcms > JavaScript > jQuery添加样式属性的优先级别方法分享

jQuery添加样式属性的优先级别方法分享

时间:2021-07-01 10:21:17 帮助过:2人阅读

本文主要为大家带来一篇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>
<p id="five">
  <p class="a">A</p>
</p>

可以看到jQuery类中添加多个属性渲染效果是以内嵌样式出现的。

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

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

相关推荐;

原生javascript获取各种CSS样式属性的方法实例总结

jQuery 添加样式属性的优先级别

HTML基础(五)-css样式表样式属性格式与布局

以上就是jQuery 添加样式属性的优先级别方法分享的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行