如何使用jQuery从元素中删除所有样式？

Question

body{
    font-family: Arial;
}
div{
    color: red;
    margin: 20px;
    background: blue;
    font-size: 17px;
}

<div id="div1">this should be styled with a blue background, 
               red text, and 17px Arial font</div>

<div id="div2">this should have no background, default font, etc. </div>

如何使用jQuery删除#div2的所有样式和所有继承样式？

仅删除所有样式#div2，保留样式#div1

Answer 1

要删除样式标记，只需选择样式标记，然后删除

$("style").remove();

jQuery Remove()

我认为最好使用CSS id选择器来实现您的目标，而不是使用jQuery从标记中删除样式：

body {
    font-family: Arial;
}

#div1 {
    color: red;
    margin: 20px;
    background: blue;
    font-size: 17px;
}