En CSS, puede seleccionar todo
elementos en la página con esto:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
En jQuery, puede usar exactamente el mismo selector.
$("h1") // set of all
elements
De hecho, puede usar cualquier selector de CSS (incluso los selectores de CSS3) en jQuery. En este screencast incluso usamos el selector: nth-of-type para seleccionar el segundo término de definición en una lista de definiciones:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Ese método .html () es útil. Le permite cambiar (u obtener) el "innerHTML" de un elemento. Como en, no el elemento en sí, sino todo lo que hay dentro de él. Las “agallas” se podría decir. Es similar al método .text (), pero text () es literalmente solo para texto. No devolverá HTML real desde el interior del elemento. Entonces, si las "agallas" fueran Some text, simplemente devolvería "Algún texto". La configuración de texto con él escapará de cualquier HTML que ingrese, lo que significa que literalmente verá el "". Obtener texto con él también es único, ya que si selecciona varios elementos, devolverá el texto combinado de todos ellos, que es único en jQuery. En otros casos, cuando "obtiene" un valor de un método, devolverá el valor del primero en el conjunto. Me gusta .height()solo devolverá la altura del primer elemento del conjunto.
Vea el lápiz eab1c311dd6e399a2006f1694bbbe051 de Chris Coyier (@chriscoyier) en CodePen