martes, 9 de septiembre de 2014

JQUERY - Tips & Tricks


Escuchar cuando se envía una forma
 .submit()

Obtener todos los campos de una forma
$('#formAdd input[type!="submit"], #formAdd select').each()
Para este caso, buscamos de la forma con id (#) y luego le decimos que todos los inputs, EXCEPTO los de tipo submit, y por último también le decimos que los select.

http://api.jquery.com/submit/

Para formatear numeros
Encontre un buen plugin: https://github.com/teamdf/jquery-number/
Muy fácil el uso:
$.(valor,num decimals)
$.(1234,2) -> 1,234.00

Emular dobleclick
.dblclick() 

Obtener el contenido HTML de un elemento, o cambiarlo
.html()
.html('valor a poner') 

Buscar elementos
.find() 
Permite buscar elementos por su id, su nombre de tag, su class o alguna otra propiedad, y se pueden combinar elementos de búsqueda.
http://api.jquery.com/find/

$('.dataTables_scrollFootInner').find('#totalDebe').html('$ '+ $.number(totalDebe,2));
Busca primero por el class dataTables_scrollFootInner despues en lo que encontró, busca el elemento con el id totalDebe y por último asigna su valor HTML.

Ejercicios de jQuery
http://jqexercise.droppages.com/ 

Limpiar campos de forma
.trigger('reset') 

Detener el envio de un form, cuando se cacha el submit
$('#formEncabezado').submit(function(event){
    event.preventDefault();   
});

Cambiar de tabs
$('#polizaTabs a[href="#detalles"]').tab('show'); 



No hay comentarios.:

Publicar un comentario