jquery如何删除css中的某项值

jquery如何删除css中的某项值？有一个必须要注意的地方。

比如我要删除一个段落中的字体颜色，那么只能删除如下样式的，JQuery写法很简单，就是直接把其值设置为空就可以了。

<p style="font-size:20px;color:red"> this is a paragraph.</p>

<script type="text/javascript">

$(function() {
$('p').css('color','');


});
</script>

但是，如下的方式是不可以的，必须是 style的方式

 <style>
 .my-p{font-size:20px;color:red;}
 #my-p{font-size:20px;color:red;}
 </style>

<script type="text/javascript">
$(function() {
$('.my-p').css('color','');
});
$('#my-p').css('color','');
});
</script>