Come selezionare il paragrafo con sola classe specifica

Question

Let dire che ho il mio sguardo codice HTML simile a questo:

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

Se uso: $('.p').css('color','red'), questo sarà applicare il colore rosso a tutti i paragrafi.

Come posso applicare lo stile al paragrafo che ha solo la classe p che è il primo paragrafo in questo caso?

Answer 1

È possibile utilizzare:

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

o:

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

Fiddle

Answer 2

È possibile utilizzare selettore di attributo:

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

http://jsfiddle.net/umxGh/

Oppure:

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

Answer 3

Utilizzare un attribute selector:

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

Answer 4

Prova questo:

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