In CSS, puoi selezionare tutto
elementi sulla pagina con questo:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
In jQuery, puoi usare lo stesso identico selettore.
$("h1") // set of all
elements
In effetti, puoi utilizzare qualsiasi selettore CSS (anche selettori CSS3) in jQuery. In questo screencast abbiamo persino utilizzato il selettore: nth-of-type per selezionare il secondo termine di definizione in un elenco di definizioni:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Quel metodo .html () è utile. Ti permette di cambiare (o ottenere) l '"innerHTML" di un elemento. Come in, non l'elemento stesso, ma tutto ciò che contiene. Il "coraggio" che potresti dire. È simile al metodo .text (), ma text () è letteralmente solo per il testo. Non restituirà l'HTML effettivo dall'interno dell'elemento. Quindi, se il "coraggio" fosse Some text, restituirebbe semplicemente "Some text". Impostando il testo con esso si eviterà qualsiasi HTML inserito, il che significa che vedrai letteralmente "". Anche il testo con esso è unico, perché se selezioni più elementi, restituirà il testo combinato da tutti loro, che è unico in jQuery. In altri casi, quando "ottieni" un valore da un metodo, restituirà il valore dal primo dell'insieme. Like .height()restituirà semplicemente l'altezza dal primo elemento dell'insieme.
Guarda la penna eab1c311dd6e399a2006f1694bbbe051 di Chris Coyier (@chriscoyier) su CodePen