![¿Para que sirve jQuery? ,[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a jQuery-DOM-AJAX-UI-Forms
Similar a jQuery-DOM-AJAX-UI-Forms (20)
Último
Último (20)
jQuery-DOM-AJAX-UI-Forms
- 3. AJAX
- 7. $() o jQuery() crean un objeto
- 8. $('a') es un objeto que contiene todos los elementos a
- 9. jQuery crea un punto de acción entre el tiempo que se carga el DOM y las imágenes $('document').ready(f())
- 10. Este punto es más eficaz que <body onload=”f()”>
- 11. Ejemplos prácticos – 1. Javascript <a href="#" onclick="mostrar('foo');">clic para mostrar #foo</a> function mostrar(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; }
- 12. Ejemplos prácticos – 1. jQuery $().ready(function(){ $("a").click(function(){ $("#more").toggle("slow"); return false; }); });
- 16. Elemento con clase $('p.clase')
- 17. Elemento descendiente de un elemento $('p a')
- 18. Elemento hijo de un elemento $('p > a')
- 20. $('div[ol]') > Div con un <ol> dentro
- 21. $('a[@rel=”nofollow”]') > Link con valor de atributo específico
- 24. A:nth(3) o A:eq(3) > El cuarto link
- 25. P:even > Toma los elementos impares
- 26. P:odd > Toma los elementos pares
- 27. A:gt(3), a:lt(3) > Todos los elementos mayores que 3 o menores.
- 28. A:contains('click') > Todos los a que contienen la palabra click
- 29. P:hidden > Elementos p ocultos
- 31. .size() Devuelve la cantidad de elementos
- 32. .get(n) Obtiene el elemento n (:nth)
- 33. .slice(n,m) Obtiene desde n hasta m-1
- 34. .not('p') No incluye los elementos p
- 35. .add('p') Agrega el elemento p
- 36. .remove() Elimina todos los elementos del DOM
- 37. .empty() Elimina el contenido de todos los elementos
- 39. .parent() Retorna el elemento padre de cada elemento
- 40. .children() Retorna el hijo de cada elemento
- 41. .next() Obtiene el siguiente elemento
- 42. .prev() Obtiene el elemento anterior
- 44. .html()
- 45. .val() < Elementos de Formulario
- 46. .text()
- 52. $('#chat').append('<p>Mensaje dentro de #chat</p>')
- 58. .submit(f)
- 59. .dblclick(f)
- 60. .mouseover(f)
- 61. .mouseout(f)
- 62. .select(f)
- 64. this.id El id del objeto
- 65. this.tagName Nombre del objeto
- 67. this.src El src en links o includes
- 68. this.classname Nombre de una clase
- 70. this.alt El mensaje alt
- 71. this.value El valor en un elemento de formulario
- 73. POST: .load(loadUrl, {language: "php", version: 5});
- 74. Solo un elemento: .load(loadUrl + " #imagen");
- 75. Hacer algo si carga correctamente:
- 78. jsonUrl,
- 79. {q: 'php'},
- 80. function(json) {
- 81. var result = "El lenguaje es amp;quot;<strong>" + json.responseData.language + "amp;quot;";
- 83. }
- 84. );
- 86. Los archivos no tienen que ser necesariamente .js
- 94. Ajax es la función madre de todas las anteriores
- 95. Permite ejecutar funciones si se produce un error.
- 96. Se recomienda utilizar las anteriores antes que esta.
- 97. AJAX – The easy way
- 100. .fadeIn(), fadeOut(), fadeTo(), fadeToggle()
- 103. .stop()