Differenza tra :parent e parent() in jQuery

Oltre alla pseudo-classe :parent esiste anche il metodo parent, che permette di selezionare il genitore di un elemento.

Supponiamo di avere i seguenti paragrafi:

html<p>testo con tag <b>b</b></p>
<p>testo</p>

Ad esempio, troviamo il genitore del tag b e impostiamo il colore rosso:

javascript$('b').parent().css('color', 'red');