viernes, 18 de mayo de 2012

Evento bind jquery


Evento bind

Con bind() se pueden asociar tantos eventos como sean necesarios al elemento seleccionado, también se puede destruir cada evento asociado al elemento a través de unbind().

Podemos asociar cualquier otro evento ...

 $("#id").bind("click", function(){...
  $("#id").bind("mouseover", function(){...
  $("#id").bind("mouseout", function(){...
etc...

En el siguiente ejemplo veremos que con bind(), se puede hacer lo mismo que con el evento click()...


El código es el siguiente...

<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$(':button#boton').click(function(){
$("#MostrarTexto").html("<b style='color: green;'>Con el evento click()</b>")
});
$(':button#boton1').bind("click", function(){
$("#MostrarTexto").html("<b style='color: green;'>Con el evento bind()</b>")
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="Con el Evento click()">
<input type="button" id="boton1" value="Con el Evento bind()">
<div id="MostrarTexto"></div>
</body>
</html>