logo

Ejemplo de jQuery

jQuery es desarrollado por Google. Para crear el primer ejemplo de jQuery, debe utilizar un archivo JavaScript para jQuery. Puede descargar el archivo jQuery desde jquery.com o utilizar la URL absoluta del archivo jQuery.

En este ejemplo de jQuery, utilizamos la URL absoluta del archivo jQuery. El ejemplo de jQuery está escrito dentro de la etiqueta script.

Veamos un ejemplo sencillo de jQuery.

Archivo: firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Pruébalo ahora

Producción:

Se selecciona el primer párrafo.

Se selecciona el segundo párrafo.

Se selecciona el tercer párrafo.

$(documento).listo() y $()

El código insertado entre $(document).ready() se ejecuta solo una vez cuando la página está lista para que se ejecute el código JavaScript.

encender java

En lugar de $(document).ready(), puede utilizar la notación abreviada $() únicamente.

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

El código anterior es equivalente a este código.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Veamos el ejemplo completo de jQuery usando la notación abreviada $().

Archivo: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Pruébalo ahora

Producción:

Se selecciona el primer párrafo.

Se selecciona el segundo párrafo.

Se selecciona el tercer párrafo.


function() { $('p').css('color de fondo', 'cian'); }

Cambia el color de fondo de todos.

actor mamta kulkarni

etiqueta o párrafo a cian.