2008-11-03 5 views
13

Estoy buscando una buena introducción de 10 minutos a Javascript discreto usando JQuery. Soy completamente nuevo en el concepto, y me gustaría ver cómo funciona el enlace del evento y eso funciona.Javascript discreto con jquery: ¿un buen tutorial de 10 minutos?

Como antecedentes, estoy buscando hacer un sistema de "eliminar esta etiqueta" similar a lo que tenemos aquí en SO. Mirando la fuente, no vi ninguna js, solo una etiqueta img. Eso me hace pensar que debe haber js externos que sean vinculantes para el evento click. Quiero saber cómo hacer eso, y quiero un tutorial que me muestre cómo hacerlo.

+1

Prueba esto: http: // railscasts.com/episodes/205-unobtrusive-javascript – Rahul

+0

parece una gran cantidad de ellos aquí: http://docs.jquery.com/Tutorials –

+1

Recientemente encontré [un buen artículo sobre JavaScript no molesto con jQuery] (http: //files.simonwillison.net/2008/xtech-unobtrusive-jquery.pdf) por Simon Willison. – nivcaner

Respuesta

11

supongo que la página Tutorials en la página principal de jQuery sería un buen lugar para empezar :)

ejemplo simple para eliminar un enlace que haga clic en siguiente:

<html> 

<head> 
<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
<script type="text/javascript"> 
    // execute script only when DOM has finished loading 
    $(document).ready(function() { 
     $('#removeme').click(function() { 
      // remove element that has been target of the event 
      $(this).remove(); 
      // stop browser from following the link 
      return false; 
     }); 
    }); 
</script> 
</head> 

<body> 
    <p> 
    <a id="removeme" href="http://example.org">Remove me</a> 
    </p> 
</body> 
</html> 
Cuestiones relacionadas