Inicio > Desarrollo web > Plantilla para inicio con jQuery

Plantilla para inicio con jQuery

A continuación tenemos una plantilla que nos servirá como esqueleto básico de nuestro fichero HTML5 con jQuery:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
...
</style>
<!-- Incluyo jQuery desde CDN -->
http://code.jquery.com/jquery-2.2.1.min.js

// Puedo definir funciones en esta parte.

// La función Ready a continuación
$(function() { 
  //..código.. 
  // Ejemplo:
  // var img = $(#id1);  // Asigno a una variable img el elemento del DOM 
                       identificado por id1

  // Utilizo on para asociar un manejador a un evento sobre un elemento del DOM
  // $("#id2").on("click", function(){ //... más código ... });
});

</head>
<body>

</body>
</html>

 


 

Recuerda que se utiliza on y off para asociar o desvincular un manejador o handler a un evento de un elemento del DOM.

En el siguiente enlace están los métodos para manipular los elementos del DOM: attr, html y val son los métodos que obtendrán información del DOM, y luego tendremos métodos para modificarlo, como append, por ejemplo

Categorías:Desarrollo web Etiquetas: , , , , , , , , ,
  1. Aún no hay comentarios.
  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: