Mètode size () i propietat length de l’core de jQuery

Anem a veure en aquest article com obtenir el nombre d’elements que té l’objecte jQuery. Com vam poder aprendre prèviament en el nostre manual de jQuery, aquest framework Javascript té com a base l’anomenada “funció jQuery” que retorna l’objecte jQuery, en el qual hi ha un o diversos elements de la pàgina, segons el selector que se li hagi passat.

En un passat article de DesarrolloWeb.com ja vam explicar amb detall què era la funció jQuery i com utilitzar-la. Doncs bé, ara veurem ràpidament com saber quants elements trobem i seleccionem per mitjà d’aquesta funció, el que pot ser útil per diversos motius a l’fer codi Javascript.

Mètode size () de l’Core de jQuery

Aquest mètode serveix, com diem, per obtenir el nombre d’elements seleccionats amb la funció jQuery. Simplement retorna el nombre d’elements que hi ha en l’objecte, com un sencer.

Per exemple, vegem aquest codi:

var paràgrafs = $ ( “p”); a alert ( “Hi ha “+ parrafos.size () +” paràgrafs a la pàgina “);

Amb la primera línia selecciono tots els paràgrafs de la pàgina i els fico en l’objecte jQuery de la variable” paràgrafs “. Mitjançant la segona línia mostro el nombre de paràgrafs trobats, amb una crida a mètode size ().

No té més misteri, llevat que en jQuery hi ha un altre manera de fer això, però bastant més ràpid.

Podem veure una pàgina en marxa amb aquest exemple d’ús de size ().

propietat length de l’objecte jQuery

La propietat length, que existeix en qualsevol objecte jQuery, ens serveix per obtenir el nombre d’elements de la pàgina que hem seleccionat. L’interessant d’aquesta propietat és que emmagatzema directament aquest valor, per la qual cosa és més ràpid i més aconsellable que calcular els elements seleccionats amb el mètode size ().

Tant el mètode size () amb la propietat length retornaran el mateix valor , sent les úniques diferències l’esmentada rapidesa addicional de la propietat i l’accés a aquest valor, que com és una propietat, s’accedeix a través d’l’operador punt, però sense posar els parèntesis després de length. Per exemple, vegem aquest codi:

var ElementosMitexto = $ ( “. Mitexto”); a alert ( “Hi ha” + ElementosMitexto.length + “elements de la classe mitexto”);

Amb la primera línia estem utilitzant la funció jQuery per seleccionar tots els elements de la pàgina que tenen la classe CSS “mitexto”. Amb la segona línia es mostra en una caixa d’alerta el nombre d’elements seleccionats amb ElementosMitexto.length.

Podem veure el codi complet d’una pàgina que fa ús d’aquest mètode:

< html > a < head > a < title > propietat length de l’core jQuery < / title > a < script src = “../ jquery-1.3.2.min.js” type = “text / javascript “> < / script > a < script > a $ (document) .ready (function () {
// selecciono tots els elements de la classe “mitexto” a var ElementosMitexto = $ ( “. mitexto”);
// mostro el nombre dels paràgrafs trobats a alert ( “Hi ha” + ElementosMitexto.length + “elements de la classe mitexto”); a}); a

/ script > a < / head > a < body > a < p > Això és un paràgraf normal < / p > a < p class =” mitexto “> Això és un Parrado de la classe” mitexto “< / p > a < div > Un div normal < / div > a < div class = “mitexto” > Ara un div de la classe “mitexto” < / div > a < / body > a < / html > a

Per acabar, deixem l’enllaç a una pàgina on es pot veure el exemple de la propietat length de l’objecte jQuery en funcionament.

Leave a Comment

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *