xm radio viagra ad zyprexa can it get you high how to get rid of n/a in excel vlookup prednisolone acetate for sale prandin prescription assistance program online pharmacy order in png lloyds pharmacy viagra online online apotheke valtrex

El funcionamiento del core de jQuery se basa en dicha función. La función jQuery sirve para hacer varias cosas, según los parámetros que le pasemos. El uso más simple es seleccionar elementos o grupos de elementos de una página web, pero también sirve para crear elementos sobre la marcha, o para hacer un callback de funciones.

En realidad esta función se invoca también con el símbolo $(), lo que es una manera resumida de utilizarla, que nos ahorra bastantes caracteres de código.

Veamos los distintos usos de esta función, dependiendo de los parámetros que reciba.

Función jQuery enviando un selector y un contexto

Este uso de la función sirve para seleccionar elementos de la página. Recibe una expresión y se encarga de seleccionar todos los elementos de la página que corresponden con ella, devolviendo un objeto jQuery donde se encuentran todos los elementos de la página seleccionados y extendidos con las funcionalidades de jQuery. Adicionalmente se le puede pasar un contexto de manera opcional. Si no se le envía un contexto, selecciona elementos del documento completo, si se indica un contexto, conseguiremos seleccionar elementos sólo dentro de este contexto.

La expresión que debemos enviar obligatoriamente como primer parámetro sirve de selector. En ese parámetro tenemos que utilizar una notación especial para poder seleccionar elementos de diferentes maneras.

Este paso de selección de elemento es básico en cualquier script jQuery, para poder actuar en cualquier lugar de la página, y hacer nuestros efectos y utilidades Javascript sobre el lugar que deseemos.

Veamos un ejemplo de uso de esta función

var element1 = $("#elem1");

Con esta línea de código habremos seleccionado un elemento de la página que tiene el identificador (atributo id del elemento HTML) elem1, y lo hemos guardado en una nueva variable denominada element1. Dicha variable guardará entonces lo que se llama el objeto jQuery con el cual podremos trabajar, solicitando métodos o funciones de dicho objeto, para trabajar con el elemento asociado.

Como se ha dicho, $() es un resumen o forma corta de invocar la función jQuery. También podríamos haber escrito la línea de esta manera: var element1 = jQuery("#elem1");

Luego se podría realizar cualquier cosa con dicho elemento, como puede ser lo siguiente:

element1.css("background-color","#112233");

Este método css() no forma parte del core, pero se utiliza para cambiar atributos CSS de un elemento (entre otras cosas), así pues, con tan sólo esa línea cambiaríamos el color de fondo del elemento seleccionado anteriormente, el cual guardamos en una variable.

Veamos otro ejemplo

var divs = $("div");
divs.css("font-size","32pt");

En este ejemplo seleccionamos todas las etiquetas <div> de la página y les colocamos un tamaño de letra de 32pt.

El código completo de la página sería el siguiente:

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Ejm 17 con jQuery</title>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(document).ready(function(){
var elem=$("#elem1");
// SE PODRÍA HABER ESCRITO var elem=jQuery("#elem1");
elem.css("background-color","#999999");

var divs=$("div");
// PODRÍAMOS HABER ESCRITO var divs=jQuery("div");
divs.css("font-size","32pt");
});
</script>
</head>
<body>
<div id="elem1">Este elemento se llama elem1</div>
<div id="elem2">Este elemento se llama elem2</div>
</body>
</html>

Si queremos, podemos utilizar el segundo parámetro opcional, que es el contexto. Con él podríamos conseguir seleccionar elementos que pertenecen a una zona concreta de nuestro documento. Por defecto el contexto es la página entera, pero se puede restringir de la siguiente manera.

var inputs=$("input",document.forms[0]);
inputs.css("color","red");

Con la primera línea conseguimos seleccionar todos los elementos INPUT que pertenecen al primer formulario de la página. Se devolverá un objeto jQuery que contiene todos los INPUT seleccionados. Con la segunda línea, invocando al método css() sobre el objeto jquery recibido, estaríamos cambiando el color del texto de dichos elementos. Esto no seleccionaría los elementos INPUT de otros formularios.

Nuevo ejemplo

Veamos otro ejemplo en el cual seleccionamos todos los párrafos (etiqueta <p>), pero restringimos el contexto únicamente los que están en un DIV con un id="div1".

var parrafos=$("p","#div1");
párrafos.hide();

En la segunda línea utilizamos el método hide() sobre el objeto jQuery que contiene los párrafos seleccionados, con lo que conseguimos que se oculten