我可以使用jQuery刪除內聯樣式嗎？

Question

我想從跨度或DIV或刪除內嵌樣式 ...

<span style="font-size: 8pt;">some texts</span> 

我可以從跨度刪除字體大小與jQuery？

Answer 1

如果要刪除整個style屬性，那麼你可以使用removeAttr('style');

$('span').removeAttr('style');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span style="font-size: 8pt; color: #c00;">some texts</span>

如果要覆蓋該設置回默認，同時保留其他內嵌樣式，使用css('font-size', 'inherit');

$('span').css('font-size', 'inherit');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span style="font-size: 8pt; color: #c00;">some texts</span>

Answer 2

你的確可以，你可以使用.css() - 基本語法是：

$('selector').css('attr-name', 'value'); 

所以從跨度刪除的樣式，你會怎麼做：

$('span').css('font-size', ''); 

Answer 3

如果你想在任何的完全去除的內嵌樣式的html元素。

你可以通過jQuery提供的removeAttr方法。

$('span, div').removeAttr('style'); 

Answer 4

刪除內嵌樣式

$('span').removeAttr('style');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span style="font-size: 8px; color: red">some texts</span>

更新在CSS

$('span').css({ 
 
    'font-size' : '20px', 
 
    color: 'blue' 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span style="font-size: 8pt;">some texts</span>

0多個屬性

更新單個屬性使用CSS

$('span').css('font-size', '20px');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span style="font-size: 8pt;">some texts</span>