Está en la página 1de 4

La siguiente tabla muestra todas las opciones que se pueden definir para el mtodo $.

ajax(): Opcin async Descripcin Indica si la peticin es asncrona. Su valor por defecto es true, el habitual para las peticiones AJAX Permite indicar una funcin que modifique el objeto XMLHttpRequest antes de realizar la peticin. El propio objeto XMLHttpRequest se pasa como nico argumento de la funcin Permite establecer la funcin que se ejecuta cuando una peticin se ha completado (y despus de ejecutar, si se han establecido, las funciones de success o error). La funcin recibe el objeto XMLHttpRequest como primer parmetro y el resultado de la peticin como segundo argumento Indica el valor de la cabecera Content-Type utilizada para realizar la peticin. Su valor por defecto es application/x-www-form-urlencoded Informacin que se incluye en la peticin. Se utiliza para enviar parmetros al servidor. Si es una cadena de texto, se enva tal cual, por lo que su formato debera ser parametro1=valor1&parametro2=valor2 Tambin se puede . indicar un array asociativo de pares clave/valor que se convierten automticamente en una cadena tipo querystring El tipo de dato que se espera como respuesta. Si no se indica ningn valor, jQuery lo deduce a partir de las cabeceras de la respuesta. Los posibles valores son: xml (se devuelve un documento XML correspondiente al valor responseXML), html (devuelve directamente la respuesta del servidor mediante el valor responseText), script (se evala la respuesta como si fuera JavaScript y se devuelve el resultado) y json (se evala la respuesta como si fuera JSON y se devuelve el objeto JavaScript generado) Indica la funcin que se ejecuta cuando se produce un error durante la peticin. Esta funcin recibe el objeto XMLHttpRequest como primer parmetro, una cadena de texto indicando el error como segundo parmetro y un objeto con la excepcin producida como tercer parmetro Permite considerar como correcta la peticin solamente si la respuesta recibida es diferente de la anterior respuesta. Por defecto su valor es false

beforeSend

complete

contentType

data

dataType

error

ifModified

Indica si se transforman los datos de la opcin data para convertirlos en una processData cadena de texto. Si se indica un valor de false, no se realiza esta transformacin automtica Permite establecer la funcin que se ejecuta cuando una peticin se ha completado de forma correcta. La funcin recibe como primer parmetro los datos recibidos del servidor, previamente formateados segn se especifique en la opcin dataType Indica el tiempo mximo, en milisegundos, que la peticin espera la respuesta del servidor antes de anular la peticin El tipo de peticin que se realiza. Su valor por defecto es GET, aunque tambin se puede utilizar el mtodo POST La URL del servidor a la que se realiza la peticin

success

timeout type url

1. data() El mtodo data nos permite manejar datos de cualquier elemento del DOM de una forma segura, evitando referencias circulares y los efectos sobre la memoria de las mismas. Veamosunejemplo: <div data-type="page" data-hidden="true" data-options='{"name":"John"}'></div> $("div").data("role") === "page"; $("div").data("hidden") === true; $("div").data("options").name === "John"; O lo que es lo mismo: $("div").data("role", "page"); $("div").data("hidden", "true"); $("div").data("role", {name: "John"}); Referencia completa en la documentacin jQuery de data()

2. stop( [limpiarCola ], [saltarAlFinal] ) El mtodo permite parar, la animacin que est actualmente en ejecucin. Es verdaderamente til cuando manejamos imgenes.Veamos un ejemplo de llamada: $(this).find('img').stop(true, true).fadeOut(); Referencia completa en la documentacin jQuery de stop()

3. toggleClass() Permite conmutar clases, de forma, que si el elemento tiene ya la clase, la elimina y viceversa. El siguiente cdigo: $('#home').toggleClass('active'); Hace exactamente lo mismo que este: if ($('#home').hasClass('active')) { $('#home').removeClass('active'); } else { $('#home').addClass('active'); } Referencia completa en la documentacin jQuery de toggleClass()

4. delay(duracion, [nombreCola]) Permite retrasar la ejecucin de las funciones que se ejecutan en una cola. Muy til con las animaciones. $('#content').slideUp(300).delay(800).fadeIn(400); Referencia completa en la documentacin jQuery de delay()

5. each() Este mtodo nos permite iterar sobre estructuras del DOM de una forma simple en una sola lnea. Cada vez que se llama, itera una vez comenzando en el elemento 0 hasta el final de la estructura. Veamos un ejemplo: <ul> <li>Apple</li> <li>Orange</li> <li>Mango</li> <li>Blueberry</li> <li>Watermelon</li> </ul> Referencia completa en la documentacin jQuery de each()

6. size() La llamada a esta funcin es equivalente a la llamada al atributo length. Es mejor usar el atributo, pero siempre viene bien saber ms posibilidades. var size1 = $("li").size(); // es igual a var size2 = $("li").length; Referencia completa en la documentacin jQuery de size()

7. closest(selector) Obtiene el primer ancestro (elemento superior en el rbol) que concuerda con la regla incluida en el selector. $('li.item-a').closest('ul').css('background-color', 'red'); Referencia completa en la documentacin jQuery de clostest()

8. position() El mtodo nos devuelve la posicin de un elemento respecto a otro, a diferencia del mtodo offset que lo hace respecto del documento. Sin lugar a dudas, el mtodo ms til para situar elementos de forma relativa a otros: var p = $("p:first"); var position = p.position(); alert("left: " + position.left + ", top: " + position.top);

Referencia completa en la documentacin jQuery de position()

http://www.linuxhispano.net/2011/05/06/8-metodos-de-jquery-que-deberias-conocer/

También podría gustarte