- Documento resumen
-
JQuery es la librería más popular.
http://jquery.com -
Zepto subconjunto compatible con JQuery especial para móviles
- Equivale a JQuery 2.0
- No está soportada por Internet Explorer
- Añade eventos táctiles
-
La librería se carga con la siguiente sentencia situada en la cabecera:
<script type="text/javascript" src="http://zeptojs.com/zepto.min.js" > </script>
La cache contiene los recursos accedidos anteriormente, por lo que la utilización de recursos por su URL aumenta la probabilidad de que el recurso ya esté en la cache aumentando la rapidez de acceso
-
Funcion redady() Ejecuta un script cuando el DOM está construído.
- Sintaxis abreviada:
$(function() { .. código .. });
- Sintaxis abreviada:
-
Selectores
- Selectores con el atributo id
- $("h1#d83") -> Devuelve el objeto con marca h1 e id='d83'
- $("#d83") -> Devuelve el objeto con el id='d83'
- Selectores con el atributo class
- $("h1.princ") -> Devuelve un array de objetos con la marca h1 y class='princ'
- $(".princ") -> Devuelve un array de objetos con class='princ'
- Selectores de marcas con atributos
- $("h1[border]") -> Devuelve un array de objetos con la marca h1 y el atributo border
- $("h1[border=yes]") -> Devuelve un array de objetos con la marca h1 y border=yes
- Selectores con el atributo id
- Métodos modificadores
- $("#id3").html("hola mundo") -> Asigna hola mundo al elemento con id='id3'
- $("#id3").html() -> Devuelve el contenido de html del elemento id='id3'
- $(".clase1").val('3') -> inserta atributo value='3' en los elementos con la clase 'clase1'
- $("#id3").val() -> devuelve el atributo value del elemento con id='id3'
- $("#id3").attr('rel','license') -> inserta atributo rel='license' en el elmento con id=id3;
- $("#id3").attr('rel') -> devuelve el atributo rel del elmento con id=id3;
- $('ul').addClass('visible') ->inserta atributo class='visible' a elementos <ul>
- $('ul').show() y $('ul').hide() -> muestra u oculta elementos hu
- Manejadores de eventos:
Se definen sobre el objeto JQuery con la función on
$("#i1").on('click/dblclick..', function(){.....});