Rumah > hujung hadapan web > tutorial js > jQuery 添加样式属性的优先级别

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

巴扎黑
Lepaskan: 2017-06-26 14:34:14
asal
1899 orang telah melayarinya

jQuery类中添加多个属性

$('#five .a')
.css({
    color:'blue',
    border:'2px solid green',
    background:'blue'
});
Salin selepas log masuk

jQuer为元素添加类

$('#five .a')
.addClass('funny');
Salin selepas log masuk

HTML code

 <style>
.funny{
    font-size: 21px;
    background-color: gray ;
    padding: 10px;
    color: yellow ;
}
 </style>
<div id="five">
    <div class="a">A</div>
</div>
Salin selepas log masuk

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

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

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

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

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

Atas ialah kandungan terperinci jQuery 添加样式属性的优先级别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan