如何选择仅包含特定类的段落

Question

假设我的HTML代码如下所示：

<p class="p">Paragraph</p>
<p class="p p2">Paragraph 2</p>
<p class="p p3">Paragraph 3</p>

如果我使用：$('.p').css('color','red')，则会对所有段落应用红色。

如何将样式应用于仅包含类p的段落，这是本例中的第一段？

Answer 1

您可以使用属性选择器：

$('p[class="p"]').css('color','red');

http://jsfiddle.net/umxGh/

或者：

$('p').filter(function(){
   return this.className === 'p';
}).css('color', 'red');

Answer 2

您可以使用：

$('.p[class="p"]').css('color', 'red');

或：

$("p[class='p']").css('color', 'red');

<强> Fiddle

Answer 3

使用attribute selector：

$('p[class="p"]').css('color','red')

Answer 4

试试这个：

$('[class=p]').css('color','red');