>> ALTAVOZ: Vamos a mejorar en este último ejemplo utilizando un JavaScript populares
biblioteca llamada jQuery que permitirá nos limpiamos nuestro código sin dejar de
evitando el problema que encontramos anterior por el que un código que he escrito
fue ejecutado antes de tiempo antes de que el elementos que necesitaba para existir en un DOM
en realidad existió.
>> Nótese aquí en dom-2.html, tengo un etiqueta de script ya con un atributo
de origen cuyo valor es la dirección URL de la última versión de esta biblioteca.
Debajo de eso tengo una etiqueta de script independiente sin ninguna fuente pero donde he dejado
espacio para escribir en realidad algunos de mi propio código.
El código que me gustaría escribir es tan de la siguiente manera, $, que es en realidad
notación abreviada para jQuery sí, (documento).
En otras palabras, simplemente estoy pasando como un argumento a una función llamada
jQuery el documento, lo global variable que ya existe en el interior
de cualquier página web.
>> Entonces vamos a hacerlo. Listo, llama a una función o un método que especifica que
el siguiente fragmento de código debe ser ejecutada una sola vez todo el documento
está listo, específicamente esta función anónima aquí.
$ "# Demo", que especifica que me gustaría para obtener el elemento de mi DOM
¿quién es el identificador único de demostración.
Y luego, una vez que hemos conseguido eso, vamos a registrarse con que un controlador de eventos para
el presente caso mediante la especificación. presentar, pasando a que un anónimo
función que espera un argumento que llamaremos evento, el cual es
en última instancia, sólo va a ser una referencia de clases a la real
evento de presentación en caso de que habíamos gustaría tener acceso a eso directamente.
>> Mientras tanto, vamos a especificar llave de apertura y llave de cierre y en el interior de los
llaves, vamos a realmente escribir el código que desea que se ejecuten cuando esta forma
se presenta.
alerta "hola", y vamos a concatenar en de modo que el resultado de la llamada $ "# name"
que especifica que me gustaría llegar el elemento en mi DOM cuya única
identificador es el nombre.
Y ahora vamos a llamar a una función en el interior de ese objeto llamado val que obtiene
el valor textual que el usuario se escribe pulg
Y vamos a concatenar el fin de que, al igual para la diversión, un signo de exclamación.
>> Por último, en lugar de devolver false como lo hicimos antes, vamos a ser un poco más
explícito y especificar que dado que objeto de evento, nos gustaría evitar su
comportamiento predeterminado llamando específicamente una función o un método llamado
prevenir predeterminado de la siguiente manera.
event.preventDefault.
Ahora vamos a guardar el archivo y abrirlo en mi navegador.
http://localhost/dom-2.html
>> Ahí está ese formulario.
Vamos a la entrada de David.
Al hacer clic en Enviar y hola, David está de vuelta.