jQuery
que es una función que define la librería jQuery. Como en tus projectos vas a repetir tanto esa función, existe una forma más corta utilizando la variable $
, que es equivalente a escribir jQuery
:$
es una función que recibe como primer parámetro un selector CSS. Veamos algunos ejemplos:$(p)
- Selecciona todos los párrafos del documento.$('.item')
- Selecciona todos los elementos que tengan la clase item
.$('#example')
- Selecciona todos los elementos que tengan el id example
.$('.wrapper p')
- Selecciona todos los elementos p
que estén dentro de otro elementobody
. Después del selector va la acción que queremos realizar sobre el elemento, o los elementos, seleccionados. En este caso .append("<h1>Hola Mundo</h1>")
, es decir, agregar un h1
al final del body
:append
agrega el contenido después del párrafo. Si quieres insertarlo antes puedes utilizar prepend
:html
- Reemplaza el contenido del los elementos seleccionados con un nuevo contenido.after
- Agrega contenido después de los elementos seleccionados.before
- Agrega contenido antes de los elementos seleccionados.p
(párrafos) por div
s:p
que existan en el documento.remove
. Por ejemplo si queremos remover todos los párrafos que tengan la clase test
podemos ejecutar la siguiente línea:remove
elimina los elementos seleccionados del documento. Sin embargo, muchas veces lo que queremos es simplemente ocultar el elemento, no eliminarlo completamente.hide
y show
:div
con clase step-1
y mostrando el div
con clase step-2
.addClass
, removeClass
y toggleClass
:hasClass
que retorna true
si alguno de los elementos seleccionados tiene la clase o false
de lo contrario.css
para cambiar los estilos en línea de uno o más elementos:style
del elemento que quedaría de la siguiente forma:css
de la siguiente forma:css
.div
s del documento. Primero les agregamos la clase active
, después les removemos la clase pending
y, por último, les agregamos un párrafo con el texto "Hola Mundo":