Diferencia entre revisiones de «Usuario:Juanda/jQuery/Introducción»
De WikiEducator
(→Momento de Ejecución del código jQuery) |
(→Momento de Ejecución del código jQuery) |
||
| Línea 140: | Línea 140: | ||
}} | }} | ||
</div> | </div> | ||
| − | <div display="none | + | <div display="none;"> |
*Resultado actividad: | *Resultado actividad: | ||
<source lang="html4strict"> | <source lang="html4strict"> | ||
Revisión de 08:57 27 oct 2012
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hola Mundo en javaScript</title> <script type="text/javascript"> window.onload = function() { document.getElementById("holamundo").onclick = holaMundo; } function holaMundo() { alert ("Hola Mundo"); return false; } </script> </head> <body> <a id="holamundo" href="http://jquery.com/">jQuery</a> </body> </html>
|
Momento de Ejecución del código jQuery
- Cuando el documento (DOM) esté preparado para ser manipulado.
- Antes de que se carguen imágenes o anuncios.
$(document).ready(function(){ // Aquí viene mi código jQuery });
$("a").click(function(event) {
alert("Hola Mundo");
event.preventDefault();
});
|
- Resultado actividad:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hola Mundo con jquery</title> <script src="jquery-1.8.2.min.js"></script> <script> $(document).ready(function() { $("a").click(function(event) { alert("Hola Mundo"); event.preventDefault(); }); }); </script> </head> <body> <a href="http://jquery.com/">jQuery</a> </body> </html>
Instalación plugin de jQuery para Eclipse Juno
- Instalamos el marketPlace de Eclipse desde Help->Install new Software
- Ejecutamos Help->Eclipse Marketplace y buscamos JSDT jQuery y lo instalamos
- Configuración:
- Project Explorer->JavaScript Resources
- Properties (botón derecho) y pulsamos en Add JavaScript Library y seleccionamos jQuery.
$(document).ready(function(){ // Aquí viene mi código jQuery });
</div>
