ALTAVEU: Anem a millorar en aquest últim exemple utilitzant un JavaScript populars biblioteca anomenada jQuery que permetrà ens netegem el nostre codi sense deixar de evitant el problema que trobem anterior pel que un codi que he escrit va ser executat abans d'hora abans que el elements que necessitava per existir en un DOM en realitat va existir. 

Noteu aquí a dg-2.html, tinc un etiqueta de script ja amb un atribut d'origen el valor és l'adreça URL de la última versió d'aquesta biblioteca. A sota d'això tinc una etiqueta de script independent sense cap font però on he deixat espai per escriure en realitat alguns del meu propi codi. El codi que m'agradaria escriure és tan de la següent manera, $, que és en realitat notació abreujada per jQuery si, (document). En altres paraules, simplement estic passant com un argument a una funció anomenada jQuery el document, el global variable que ja existeix a l'interior de qualsevol pàgina web. 

Llavors anem a fer-ho. Llest, crida a una funció o un mètode que especifica que el següent fragment de codi ha de ser executada una sola vegada tot el document està a punt, específicament aquesta funció anònima aquí. $ "# Demo", que especifica que m'agradaria per obtenir l'element de la meva DOM Qui és l'identificador únic de demostració. I després, un cop hem aconseguit això, anem a registrar-se amb que un controlador d'esdeveniments per el present cas mitjançant l'especificació. presentar, passant a que un anònim funció que espera un argument que anomenarem esdeveniment, el qual és en última instància, només serà una referència de classes a la real esdeveniment de presentació en cas que havíem agradaria tenir accés a això directament. 

Mentrestant, anem a especificar clau d'obertura i clau de tancament ia l'interior dels claus, anem a realment escriure el codi que desitja que s'executin quan aquesta forma es presenta. alerta "hola", i anem a concatenar en de manera que el resultat de l'anomenada $ "# name" que especifica que m'agradaria arribar l'element en el meu DOM l'única identificador és el nom. I ara anem a cridar a una funció a l'interior de aquest objecte anomenat val que obté el valor textual que l'usuari s'escriu polz I anem a concatenar la finalitat que, igual per a la diversió, un signe d'exclamació. 

Finalment, en lloc de tornar false com ho vam fer abans, serem una mica més explícit i especificar que atès que objecte d'esdeveniment, ens agradaria evitar la seva comportament predeterminat trucant específicament una funció o un mètode anomenat prevenir predeterminat de la següent manera. event.preventDefault. Ara anem a guardar l'arxiu i obrir-lo en el meu navegador. http://localhost/dom-2.html 

Aquí està aquest formulari. Anem a l'entrada de David. En fer clic a Envia i hola, David està de tornada.