11 de marzo de 2010

jQuery Métodos y Eventos Interesantes

Con este post pretendo compartir con ustedes algunos eventos y métodos jQuery que me parecen curiosos e interesantes.

Métodos jQuery

Método jQuery is()

El método is() de jQuery devuelve verdadero si alguno (al menos 1) de los objetos jQuery del selector coincide con la condición pasada como parámetro.

Veamos un ejemplo:

if ($('button').is('.ClasePrueba')) alert('Prueba is...');

if ($('#pnlMostrar').is(':hidden')) alert('El panel MOSTRAR está oculto.');

En este ejemplo, el método jQuery is() devolverá true si en la página web existe algún 'button' con la clase '.ClasePrueba'.

Nota: Este mismo resultado podemos obtenerlo usando el método jQuery .hasClass(), pero el método .is() es más flexible y universal.

 

Métodos jQuery Ocultar y Mostrar

Son varios los métodos que jQuery pone a nuestra disposición para mostrar y ocultar elementos del DOM, la diferencia principal consiste en el efecto aplicado, estos métodos jQuery son:

  • $(Selector).hide('velocidad')
  • $(Selector).show('velocidad')
  • $(Selector).fadeIn('velocidad')
  • $(Selector).fadeOut('velocidad')
  • $(Selector).toggle('velocidad')
  • $(Selector).slideToggle('velocidad')

 

Método jQuery trigger()

El método trigger() de jQuery lanza o dispara un evento determinado.

Veamos un ejemplo:

$('button').trigger('click');

En este ejemplo, el método jQuery trigger() lo que hace es forzar o simular como si el usuario hubiese hecho clic en el botón, por lo que se ejecutará el código asociado a este ejemplo.

 

Método jQuery parseJSON()

El método parseJSON() de jQuery convierte la cadena (string) pasada como parámetro en un objeto javascript. La cadena debe estar formateada como JSON.

Veamos un ejemplo:

var obj = $.parseJSON('{"Nombre": "Derbis"}');
alert( obj.Nombre === "Derbis" );

Esta función parseJSON fue incorporada a partir de la versión jQuery 1.4.1.

 

Nota: Iré agregando otros métodos y eventos jQuery que me resulten interesantes. Si conoces alguno que pueda ser de interés para la comunidad no dudes en compartirlo… ¡gracias de antemano!

 

Artículos Relacionados:

1 comentario:

  1. hola me parece interesa el que se pueda dar a conocer lo flexible y facil que puede ser trabajar con jquery y asp.net, espero puedas postear ejemplos de su uso , gracias de antemano

    ResponderEliminar