Directorio detallado de la tecnología de desarrollo jQuery
Capítulo 1 Desarrollo y tendencia del desarrollo web 2
1.1 Estándares de red 2
1.1.1 XML 3
1.1.2 XHTML 3
1.1.3 CSS 4
1.1.4 DOM 4
1.1.5 ECMAScript 5
1.2 Internet tradicional y Web 2.0 5
1 2 1 Red tradicional Web 1.0 5
1.2.2 Web 2.0 recientemente agregada 6
1.3 Qué puede hacer jQuery hacer 11
1.3.1 Menú de navegación más completo 11
1.3.2 Cambio de contenido de pestañas 13
1.3.3 Información de consejos humanizados 13
1.3.4 Contenido de usuario personalizable 14
1.3.5 Efecto de visualización de pantalla dinámica 15
1.3.6 Actualización local en tiempo real AJAX 16
1.3.7 Visualización visual de datos 17
1.4 Sistema de conocimiento jQuery y sugerencias de aprendizaje 17
1.4.1 Sistema de conocimiento jQuery 17
1.4.2 Sugerencias de aprendizaje 19
1.5 Resumen 19
Capítulo 2 Conceptos básicos de JavaScript 20
2.1 ¿Qué es JavaScript 20?
2.2 Reglas gramaticales 21
2.2.1 Sensibilidad a mayúsculas y minúsculas 21
Espacios, nuevas líneas y punto y coma opcionales 23
Comentarios 25
2.2.4 Palabras clave y palabras reservadas 26
2.2.5 Insertar código JavaScript en la página 28.
2.3 Variables 29
2.3.1 Denominación de variables 29
Declaración de variables 30
Uso de variables 32
Variables globales y variables locales 33
2.4 Tipos de datos en JavaScript 35
2.4.1 Tipo cadena 36
2.4.2 Tipo numérico 37
Tipo booleano 37
Tipo indefinido 38
2.4.5 Tipo nulo 40
2.4.6 Tipo sur 40
2.5 Conversión de tipo de datos 41
Utilice toString() para convertir 2.5.1 a la cadena 41.
2.5.2 Utilice parseInt() para convertir al número entero 43
2.5.3 Utilice parseFloat() para convertir al número de punto flotante 45.
2.6 Operador JavaScript 47
Operador de comparación 47
Operador lógico 48
Prioridad del operador JavaScript 49
2.7 Control de procesos 50
2.7.1 Declaración condicional 50
Declaración de bucle 54
2.8 Matriz 56
Crear una matriz 57
Usar elementos de matriz 58
Usar matriz multidimensional 58
2.9 Función 59
2.9.1 Definición de función 59
Parámetros y valores de retorno de funciones 60
2.10 Resumen 61
Capítulo 3 Modelo de objetos de documento 62
3.1 ¿Qué es DOM 62?
3.2 Estructura y nodo DOM 63
3.2.1 Estructura de árbol DOM 63
Nodo 65 en DOM
3.3 Acceso a nodos DOM 67
3.3.1 Seleccionar elementos por id: getElementById() 67
3.3.2 Obtener elemento establecido por nombre de etiqueta: getElementsByTagName() 68
3.4 Texto de operación en elementos 70
3.5 HTML 72 en elementos operativos
3.6 Modificar nodos DOM 73
3.6.1 Crear nodos DOM 74
Insertar Nodo DOM 76
Eliminar nodo DOM 78
3.7 Resumen 80
Capítulo 4 Si quieres hacer bien tu trabajo, primero debes perfeccionar tus herramientas - Desarrollo Herramientas 81
4.1 Herramientas de edición de código 81
4.1.1
4.1.2 Notepad++ 82
4.1.3 Dreamweaver 83
4.2 Herramientas de depuración 84
4.2.1 Depuración con Blackbird 84
Depuración con Firebug 85
4.2.3 Uso de la depuración de Venkman 91
4.3 Otras herramientas 92
4.3.1 Barra de herramientas para desarrolladores web 92
4.3.2 Herramienta de ofuscación y compresión de JavaScript 99
4.4 Resumen 100
El segundo artículo básico de jQuery
Capítulo 5 Inicio rápido de jQuery 102
5.1 ¿Qué es jQuery 102?
5.2 ¿Por qué elegiste jQuery 102?
5.2.1 Comparación de bibliotecas JavaScript actualmente populares 103
5. 2 Ventajas de jQuery 106
5.3 Configuración del entorno de desarrollo jQuery 107
5.3.1 Obtenga la última versión de jQuery 107.
5.3.2 Descripción del tipo de biblioteca jQuery 108
5.3.3 Referencia de la biblioteca jQuery 108 en la página.
5.3.4 jQuery 1.2.6 nuevas funciones y cambios importantes 110
5.3.5 jQuery 1.3.2 nuevas funciones y cambios importantes 112
5.4 Preparar HTML y código CSS 114.
5.4.1 Mostrar estructura de directorios del framework 115
5.4.2 Código HTML 115
Código CSS 117
5.5 Escribir código jQuery 119
5.6 Resumen 122
Capítulo 6 Uso de selectores para ejecutar elementos 123
6.1 Selectores de CSS 123
6.1.1 Uso de selectores de CSS 123 .
6.1.2 Selector de comodines 124
6.1.3 Selector de etiquetas 124
6.1.4 Selector de diámetro interior 125
6.1 .5 Selector de tipo 125
6.1.6 Selector de descendientes 126
6.1.7 Selector de elementos secundarios 127
6.1.8 Selector de hermanos adyacentes 127
6.1.9 Selector de atributos 128
6.2 Selector jQuery 130
6.2.1 Selector básico 130
Filtro de selección de nivel 135
6.2 .3 Selector de filtro básico 139
Selector de filtro de elemento secundario 151
6.2.5 Selector de filtro de tabla 156
Selector de filtro de atributo 164
6.3 Resumen 167
Capítulo 7 Operando los Elementos Obtenidos 168
7.1 Atributos Operativos 168
7.1.1 Lectura de atributos 168
7.1.2 Modificar atributos 170
7.1.3 Eliminar atributos 173
7.2 Clase de estilo de operación 174
7.2.1 Agregar clase de estilo 174.
7.2.2 Eliminar categoría de estilo 176.
7.2.3 Clase de estilo alternativo 177
7.3 Manipulación de CSS 178
7.3.1 Lectura de estilo CSS 178
7.3.2 Conjunto Estilo CSS 180
7.3.3 Obtener información de desplazamiento del elemento 182
7.3.4 Obtener y establecer la altura de 183.
7.3.5 Obtiene y establece el ancho de 185.
7.4 Contenido de la operación 186
7.4.1 Código HTML de la operación 186
7.4.2 Texto de la operación 188
7.4.3 Valor de la operación 190
7.5 Buscar y filtrar componentes 193
7.5.1 Filtrar grupos de componentes 193
7.5.2 Buscar en conjuntos de elementos 197
7.6 Operación de cadena 202
7.6.1 Usar operación de cadena 203.
7.6.2 Finalizar el objeto de operación actual 205
7.6.3 Agregar el objeto de operación actual al objeto anterior 207
7.7 Resumen 208
Capítulo 8 Operaciones DOM de jQuery 209
8.1 Insertar elementos DOM 209 dentro del elemento.
8.2 Insertando elementos DOM fuera del elemento 214.
8.3 Envolver elementos DOM 217
8.3.1 Envolver con etiquetas de elementos especificados 217
8.3.2 Envolver 220 con etiquetas HTML
8.3.3 Empaquetar componentes internos 222
8.4 Reemplazar elementos DOM 223
8.5 Eliminar elementos DOM 225
8.6 Clonar elementos DOM 227
8.7 Resumen 229
Capítulo 9 Manejo de eventos en jQuery 230
9.1 Carga de página Evento de respuesta completa 230
Evento$ (Documentación). 9.1.1 ready() en jQuery 230
9.1.2 Comparación del evento window.onload() y $(document).
Evento Ready() 231
9.2 Oyentes de eventos de vinculación y desvinculación 233
9.2.1 Evento de vinculación 233
9.2.2 Evento de desvinculación 238
9.2.3 Enlace de evento único 239
9.3 Activador de evento 241
9.3.1 Evento desencadenante 241
9.3.2 El controlador de desencadenador desencadena eventos 244
9.4 Procesamiento interactivo de eventos 245
9.4.1 Hover: simular el desplazamiento del mouse 246
9.4 .2 Conmutación: respuesta en bucle para múltiples clics 247
9.5 Tipo de evento integrado de jQuery 248
9.5.1 Dos declaraciones de la función de evento integrado de jQuery 249
9.5.2 Clasificación de los tipos de eventos integrados de jQuery 250
9.6 Resumen 253
Capítulo 10 Animación y efectos en jQuery 254
Efectos básicos 254
10.1.1 Elementos ocultos 254
10.1.2 Mostrar elementos 258
10.1.3 Mostrar y ocultar alternativamente 259
10.2 Efecto de deslizamiento 260
10.2.1 Reducción hacia arriba efecto 260
10.2.2 Expansión hacia abajo 262
10.2.3 Estilo telescópico opcional 262
10.3 Efecto de aparición gradual 263
10.3.1 Efecto de desvanecimiento 263
10.3.2 Efecto de desvanecimiento 265
10.3.3 Opacidad personalizada 265
10.4 Efectos de animación personalizados 266
10.4.1 Animación personalizada 266
10.4.2 Cola de animación jQuery 270
10.5 Resumen 273
Capítulo 11 jQuery y AJAX 274
11.1 Aplicación AJAX: 29906.66666666666
11.1.1 Historia de Ajax 274
11.1.2 Programa de aplicación AJAX Classic 275
11.2 Principios de AJAX y objeto XMLHttpRequest 278
11. 2. 1 Principios de AJAX 279
11. 2. 2 objeto xmlhttprequest 281
AJAX 284 en 11.3 jQuery
11.3.1 funciones load(), get() y post() 284
11.3.2 función ajax 294
11.3.3 funciones getScript y getJSON 300
11.4 Modo de retorno del lado del servidor AJAX en jQuery 304
11.4.1 modo html 305
11.4.2 modo texto 307
11.4.3 modo xml 308
11.4.4 Modo Script 316
11.4.5 Modo json 316
11.5 Eventos AJAX en jQuery 318
11.5.1 AJAX eventos locales 318
11.5.2 Eventos globales AJAX 320
11.6 Resumen 323
Revisión del Capítulo 12 de jQuery-Core y herramientas 324
12.1 Funciones principales 324
12.1.1 Formularios de funciones principales 324
12.1.2 Uso de funciones del kernel 326.
12.2 El objeto jQuery accede a 329
12.2.1 Obtiene la longitud de 329.
12.2.2 Obtener uno de los objetos 329
12.2.3 Recorrer el conjunto de objetos
12.3 Caché de datos 333
12.3. 1 Ocultar datos 333
12.3.2 Establecer y obtener datos almacenados en caché de elementos 334
12.3.3 Eliminar datos almacenados en caché 336
12.4 Clase de herramienta general jQuery 337< /p >
12.4.1 Relacionado con el navegador 337
12.4.2 Matriz relacionada con el objeto 340
12.4.3 Otras funciones 348
12.5 Complemento jQuery -in Mecanismo 349
12 . 1 jquery extender (objeto) 350
12 . >12.6 Resumen 352
El tercer artículo sobre la aplicación jQuery
Capítulo 13 jQuery mejora la experiencia del usuario 354
13.1 Carga dinámica de contenido de visualización 354
13.1.1 Diseñar la apariencia y visualización del sitio web 354
13.1.2 Carga dinámica de contenido con jQuery 356
13.2 Mejora: mejorar la experiencia del usuario 358
13.2.1 Aspectos destacados Muestra el menú actualmente seleccionado 358.
13.2.2 Al cargar 359, aparece el mensaje "Cargando..."
13.3 Estilo de cambio dinámico 361
Implementación simple del cambio de estilo jQuery 361
13.3.2 Guardar usuarios usando la opción Cookie 363
13.3.3 Usar el complemento jQuery.cookie 366
13.4 Resumen 368
Capítulo 14 en jQuery 369 Uso de operaciones entre dominios AJAX
14.1 Implementación de operaciones entre dominios 369
14.1.1 Modo script para implementar operaciones entre dominios 369
14.1.2 Implementación del modo JSONP Operación entre dominios 371
14.2 Operación entre dominios API del sitio web de Flickr 374
14.3 Operación entre dominios API del sitio web Delicious 378
14.4 Operación entre dominios API de búsqueda Google AJAX 382
14.5 Resumen 388
Capítulo 15 Práctica de sitios web dinámicos jQuery+PHP 389
15.1 Nube de etiquetas) 389
15.1.1 Etiquetas El concepto y propósito de la nube 389
15.1.2 Diseño de estilo de visualización de nube de etiquetas 390
15.1.3 Diseño de base de datos MySQL 394
15.1.4 Construir código PHP 395
15.1.5 Código jQuery arquitectónico 398
15.2 Sistema Weibo 399
15.2.1 Sistema Weibo 400
Diseñar base de datos MySQL 403
15.2.3 Construir código PHP y código jQuery 404
15.2.4 Mejoras en funciones: Se agregó la función de recuento de palabras 408.
15.3 Resumen 410
Capítulo 16 Operación del teclado jQuery 411
16.1 Atajos de teclado para cambiar páginas dinámicamente 411
Requisitos y efectos finales 411
16.1.2 Código HTML y CSS 412
16.1.3 Código jQuery 416
16.2 Uso de complementos para mejorar 420
16.2.1 Problemas en 420
16.2.2 Uso del complemento js hotkey 421
16.2.3 Utilice el complemento js-hotkeys para mejorar los ejemplos 423 en este capítulo.
16.3 Implementación del teclado virtual 58696.66666666669
16.3.1 Uso del teclado virtual 56666.866666666666
16.3.2 Preparación del código HTML y CSS 425
16.3.3 Generar código jQuery 430
Efecto final 433
16.4 Resumen 435
Capítulo 17 Visualización de datos visuales de jQuery 436
17.1 Visualización visual de datos 436
17.2 Visualización visual de datos usando el complemento flot 438
17.2.1 Introducción al complemento flot 438
17.2.2 Preparar Código HTML y CSS 439
17.2.3 Generar código jQuery 442
17.2.4 Implementación de visualización de información sobre herramientas 448 en vértices
17.3 Resumen 451