jdgarrido/Jquery On

## Jquery On
//Para usarlo de la misma forma que el live, puede hacer lo siguiente:

$(document).on('click', '.selector_elemento', function(){});

//La gracia que tiene el "on" es que amarras eventos a un contenedor pero a su vez le puedes
//asignar un selector específico.
//En el caso anterior, se asigna el evento "click" al todo el html del sitio (document),
//pero al especificar el selector ".selector_elemento" solo va ha escuchar los eventos de ese
//selector especifico, la gracia de esto, es que como el evento lo amarras a elemento "document",
//no es necesario que el elemento ".selector_elemento" exista al momento del amarre,
//puedes crearlo mediante ajax o de cualquier otra forma.

//La forma anterior no es la más eficiente, ya que cualquier evento "click" sobre el
//documento va a hacer una validación con jquery para ver si se hizo click sobre un
//elemento ".selector_elemento", lo que no sirve de nada. La mejor opción es amarrar
//los eventos a un contenedor mas delimitado, donde vayas a crear posteriormente tus
//elementos mediante ajax, ejemplo:

<html>
  <body>
    <div class="contenedor_ajax">

    </div>
    <script>
      $('.contenedor_ajas').on('click', '.elemento_creado', function(){
        console.log('The click :D');
      })
    </script>
  </body>
</html>
	//Para usarlo de la misma forma que el live, puede hacer lo siguiente:

	$(document).on('click', '.selector_elemento', function(){});

	//La gracia que tiene el "on" es que amarras eventos a un contenedor pero a su vez le puedes
	//asignar un selector específico.
	//En el caso anterior, se asigna el evento "click" al todo el html del sitio (document),
	//pero al especificar el selector ".selector_elemento" solo va ha escuchar los eventos de ese
	//selector especifico, la gracia de esto, es que como el evento lo amarras a elemento "document",
	//no es necesario que el elemento ".selector_elemento" exista al momento del amarre,
	//puedes crearlo mediante ajax o de cualquier otra forma.

	//La forma anterior no es la más eficiente, ya que cualquier evento "click" sobre el
	//documento va a hacer una validación con jquery para ver si se hizo click sobre un
	//elemento ".selector_elemento", lo que no sirve de nada. La mejor opción es amarrar
	//los eventos a un contenedor mas delimitado, donde vayas a crear posteriormente tus
	//elementos mediante ajax, ejemplo:

	<html>
	<body>
	<div class="contenedor_ajax">

	</div>
	<script>
	$('.contenedor_ajas').on('click', '.elemento_creado', function(){
	console.log('The click :D');
	})
	</script>
	</body>
	</html>
No results found