PDF de programación - Aprendizaje JQuery

jQuery

#jquery

Tabla de contenido

Acerca de

Capítulo 1: Empezando con jQuery

Observaciones

Versiones

Examples

jQuery Namespace ("jQuery" y "$")

Empezando

Explicación del código

Incluir etiqueta de script en el encabezado de la página HTML

Evitar las colisiones entre espacios de nombres.

Cargando jQuery vía consola en una página que no lo tiene.

El objeto jQuery

Cargando plugins jQuery con espacios de nombre

Capítulo 2: Adjuntar

Sintaxis

Parámetros

Observaciones

Examples

Anexando un elemento a un contenedor

Uso eficiente y consecutivo de .append ()

HTML

JS

No hagas esto.

Agregar a una matriz separada, agregar después de que se complete el bucle

Usando métodos modernos de Array. *

Uso de cadenas de HTML (en lugar de los métodos incorporados de jQuery)

Crear elementos manualmente, añadir al fragmento del documento.

Bucear más profundo

jQuery anexar

Capítulo 3: Ajax

1

2

2

2

3

3

4

4

5

6

8

8

9

10

10

10

10

10

10

11

11

11

12

12

13

13

14

15

15

16

Sintaxis

Parámetros

Observaciones

Examples

Manejo de códigos de respuesta HTTP con $ .ajax ()

Uso de Ajax para enviar un formulario

Enviando datos JSON

Todo en uno ejemplos

Ajax abortar una llamada o solicitud

Archivos Ajax

1. Un ejemplo simple completo

2. Trabajar con entradas de archivos

3. Creando y llenando los datos de formulario

4. Enviando los archivos con Ajax

Capítulo 4: Atravesando DOM

Examples

Selecciona los hijos del elemento.

Iterando sobre la lista de elementos jQuery

Seleccionando hermanos

método más cercano ()

Obtener el siguiente elemento

Obtener elemento anterior

Filtrar una selección

El HTML

Selector

Función

Elementos

Selección

método encontrar ()

Capítulo 5: Atributos

Observaciones

Examples

16

16

16

17

17

17

18

19

21

21

21

22

22

23

24

24

24

24

25

25

26

27

27

27

28

28

28

28

28

30

30

30

Obtener el valor de atributo de un elemento HTML

Valor de ajuste del atributo HTML

Quitando atributo

Diferencia entre attr () y prop ()

Capítulo 6: Cada funcion

Examples

Uso basico

jQuery cada función

Capítulo 7: Casilla de verificación Seleccionar todo con la opción de marcar / desmarcar a

Introducción

Examples

2 seleccionar todas las casillas de verificación con las correspondientes casillas de veri

Capítulo 8: Complementos

Examples

Plugins - Primeros pasos

Método jQuery.fn.extend ()

Capítulo 9: evento listo para documentos

Examples

¿Qué es el documento listo y cómo debo usarlo?

jQuery 2.2.3 y anteriores

jQuery 3.0

Notación

Asincrónico

Diferencia entre $ (documento) .ready () y $ (ventana) .load ()

Adjuntando eventos y manipulando el DOM dentro de ready ()

Diferencia entre jQuery (fn) y la ejecución de su código antes

Capítulo 10: Eventos

Observaciones

Examples

Adjuntar y separar controladores de eventos

Adjuntar un controlador de eventos

HTML

30

31

31

31

32

32

32

32

33

33

33

33

35

35

35

37

38

38

38

39

39

39

39

40

40

41

43

43

43

43

43

43

jQuery

Separar un controlador de eventos

HTML

jQuery

jQuery

Eventos delegados

Ejemplo HTML

El problema

Información de fondo - propagación de eventos

Solución

En detalle cómo funciona la solución.

Evento de carga de documentos .load ()

Eventos para repetir elementos sin usar ID's.

originalEvento

Obtener la dirección de desplazamiento

Activar y desactivar eventos específicos a través de jQuery. (Oyentes nombrados)

Capítulo 11: jQuery .animate () Método

Sintaxis

Parámetros

Examples

Animación con devolución de llamada

Capítulo 12: jQuery Objetos diferidos y Promesas

Introducción

Examples

Creación de promesa básica

Promesas asíncronas de encadenamiento

jQuery ajax () éxito, error VS.done (), .fail ()

Obtener el estado actual de una promesa.

Capítulo 13: Manipulación de CSS

Sintaxis

Observaciones

43

43

43

44

44

44

44

44

45

45

46

46

47

48

48

48

50

50

50

50

50

53

53

53

53

53

54

55

56

56

56

Examples

Establecer propiedad CSS

Obtener propiedad CSS

Incremento / Decremento de propiedades numéricas

CSS - Getters y Setters

CSS Getter

CSS Setter

Capítulo 14: Manipulación de DOM

Examples

Creando elementos DOM

Manipular las clases de elementos.

Otros métodos API

.html ()

Elementos de clasificación

Hazlo lindo

Añadir un botón de clasificación

Establecer el valor inicial de la dirección de clasificación

sortList() caché nuestros elementos DOM y sortList() aquí para minimizar nuestro procesami

Envuelve todo en una función doSort()

Agregar el controlador de clic para $('#btn-sort')

Todos juntos ahora

Clasificación multinivel (agrupación de elementos ordenados)

Agregar otro botón para alternar la clasificación de grupos deshabilitados

Capítulo 15: Obtención y configuración del ancho y alto de un elemento.

Examples

Obtención y configuración de ancho y alto (ignorando borde)

Obtención y configuración de InternalWidth y innerHeight (ignorando el relleno y el borde)

Obtención y configuración de la anchura exterior y la altura externa (incluido el relleno

Capítulo 16: Prepend

Examples

Prependiendo un elemento a un contenedor

Método prepend

57

57

57

57

58

58

58

59

59

59

59

62

63

63

64

65

65

65

65

65

65

66

67

68

68

68

68

68

70

70

70

70

Capítulo 17: Selectores

Introducción

Sintaxis

Observaciones

Examples

Tipos de selectores

Combinando selectores

Descendientes y selectores infantiles

Otros combinadores

Selector de grupo: ","

Selector de múltiplos: "" (sin carácter)

Selector de hermanos adyacente: "+"

Selector general de hermanos: "~"

Visión general

Selectores basicos

Operadores relacionales

Selectores de almacenamiento en caché

Elementos DOM como selectores

Cadenas HTML como selectores

Capítulo 18: Visibilidad de los elementos

Parámetros

Examples

Visión general

Posibilidades de alternar

Creditos

72

72

72

72

72

73

75

76

76

76

77

77

77

77

77

77

77

79

79

81

81

81

81

81

84

Acerca de

You can share this PDF with anyone you feel could benefit from it, downloaded the latest version
from: jquery

It is an unofficial and free jQuery ebook created for educational purposes. All the content is
extracted from Stack Overflow Documentation, which is written by many hardworking individuals at
Stack Overflow. It is neither affiliated with Stack Overflow nor official jQuery.

The content is released under Creative Commons BY-SA, and the list of contributors to each
chapter are provided in the credits section at the end of this book. Images may be copyright of
their respective owners unless otherwise specified. All trademarks and registered trademarks are
the property of their respective company owners.

Use the content presented in this book at your own risk; it is not guaranteed to be correct nor
accurate, please send your feedback and corrections to [email protected]

https://riptutorial.com/es/home

1

Capítulo 1: Empezando con jQuery

Observaciones

jQuery es una biblioteca de JavaScript que simplifica las operaciones DOM, el manejo de
eventos, AJAX y las animaciones. También se encarga de muchos problemas de compatibilidad
del navegador en los motores DOM y JavaScript subyacentes.

Cada versión de jQuery se puede descargar desde https://code.jquery.com/jquery/ en formatos
comprimidos (minified) y sin comprimir.

Versiones

Versión Notas

1.0

1.1

1.2

1.3

1.4

1.5

1.6

1.7

1.8

1.9

1.10

1.11

1.12

2.0

Primer lanzamiento estable

Sizzle introducido en el núcleo

Gestión de devolución de llamada diferida, reescritura del
módulo ajax

Ganancias de rendimiento significativas en los métodos
attr() y val()

Nuevas API de eventos: on() y off() .

Sizzle reescrito, animaciones mejoradas y $(html, props)
flexibilidad.

Fecha de
lanzamiento

2006-08-26

2007-01-14

2007-09-10

2009-01-14

2010-01-14

2011-01-31

2011-05-03

2011-11-03

2012-08-09

Eliminación de interfaces obsoletas y limpieza de código

2013-01-15

Se incorporaron correcciones de errores y diferencias
reportadas de los ciclos beta 1.9 y 2.0

2013-05-24

2014-01-24

2016-01-08

Se eliminó el soporte de IE 6–8 para mejorar el rendimiento

2013-04-18

https://riptutorial.com/es/home

2

Versión Notas

y reducir el tamaño

2.1

2.2

3.0

3.1

Aceleraciones masivas para algunos selectores
personalizados jQuery

No más errores silenciosos

Examples

jQuery Namespace ("jQuery" y "$")

Fecha de
lanzamiento

2014-01-24

2016-01-08

2016-06-09

2016-07-07

jQuery es el punto de partida para escribir cualquier código jQuery. Se puede usar como una
función jQuery(...) o una variable jQuery.foo .

$ es un alias para jQuery y los dos pueden intercambiarse entre sí (excepto cuando se ha utilizado
jQuery.noConflict(); consulte Evitar colisiones de espacios de nombres ).

Suponiendo que tenemos este fragmento de HTML -

<div id="demo_div" class="demo"></div>

Podríamos usar jQuery para agregar algo de contenido de texto a este div. Para hacer esto
podríamos usar la función jQuery text() . Esto podría escribirse usando jQuery o $ . es decir

jQuery("#demo_div").text("Demo Text!");

O

$("#demo_div").text("Demo Text!");

Ambos resultarán en el mismo HTML final -

<div id="demo_div" class="demo">Demo Text!</div>

Como $ es más conciso que jQuery , generalmente es el método preferido para escribir código
jQuery.

jQuery usa selectores de CSS y en el ejemplo anterior se usó un selector de ID. Para obtener
más información sobre los selectores en jQuery, consulte los tipos de selectores .

https://riptutorial.com/es/home

3

Empezando

Crea un archivo hello.html con el siguiente contenido:

<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
<div>
<p id="hello">Some random text</p>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
$(document).ready(function() {
$('#hello').text('Hello, World!');
});
</script>
</body>