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 ;属性。

posted @ 2017-06-08 02:23  hid3onbush  阅读(1763)  评论(0)  编辑  收藏  举报