jQuery: es la aplicación de terceros desarrolladores DOM funcionamiento de muy simplificada biblioteca
Resolver la mayoría de problemas de compatibilidad del navegador, todo jQuery para hacer uso de casi no hay problemas de compatibilidad
Sin embargo:
Limitado al PC final !
Sólo es el DOM cada paso se ha simplificado , pero no simplificar radicalmente los pasos .
1 Uso:
(1) introdujo local: <script src = "js / jquery.minl.js"> </ script>
(2) Modo de CDN introdujo: La
<script src = "https://code.jquery.com/jquery-1.12.4.min.js" integridad = "sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ + Xp8a4MxAQ ="
crossorigin = "anónimo">
</ script>
2. Principio de jQuery:
(1) introducir jquery.js realidad a lo global ventana para añadir un nuevo tipo : jQuery
① constructor: responsable de la creación de jQuery tipo de objeto hijo
El contenido es en realidad: la función jQuery () {return nueva nueva jQuery ...}
Por lo tanto, en el futuro, cuando los objetos secundarios se crean jQuery, no se escribe nuevo, pero escribir directamente jQuery (), y jQuery para hacer una simplificación adicional: Let $ = jQuery, por lo tanto, llamar a $ () es equivalente a llamar jQuery ( ).
$ Específico () hacer dos cosas:
1) Crear un objeto secundario de un jQuery;
2) árbol DOM para encontrar el elemento a ser operado, jQuery guardar en objeto secundario;
② prototipo de objeto: prototipo objeto jQuery.prototype de jQuery responsable de los métodos de conservación para todo tipo de objetos secundarios comunes jQuery
Por lo tanto:
(1) el uso de una versión simplificada de elementos jQuery DOM funcionar para funcionar, debe crear objetos secundarios jQuery y jQuery encapsulados objeto, utilizar un jQuery función simplificada.
(2) se llama jQuery casa versión de la función simplificada , la parte inferior se traduce automáticamente en nativos DOM funciones o propiedades , actuando jQuery encapsulado objeto en el DOM elemento de cuerpo.
(3) para jQuery objetos secundarios , llame a una versión simplificada de la función , que es equivalente a la parte delantera del original DOM para elementos nativos DOM funciones y propiedades .
3. Cómo usar jQuery:
Como se ha visto anteriormente, jQuery pasos elementos DOM en realidad no simplifican, y la manipulación DOM pasos elementos de la página esencialmente la misma:
(1) Busca el elemento que desencadenó el evento:
var $ nombre de la variable $ = ( "selector")
(2) los controladores de eventos de unión:
Nombre de la variable $ .click ( función () { // conseguir esto:.! This-> haga clic en el objeto elemento DOM actual, no se ven antes // Pero esto significa que existe el elemento DOM, no tienen derecho a utilizar el hogar función de jQuery / / Por lo tanto, el futuro this-> var variable $ $ = (el presente); . (. 3) para encontrar el elemento que va a modificarse: $ también se pueden usar ( "selector" ) ( 4 ) modificar elementos :. un contenido del elemento: $. .html elemento ( "nuevos contenidos" ) })
4.jQuery versión de las características de la función simplificada:
(1) Todas las funciones y modificaciones relacionadas , tienen una doble función. Tales como html (), texto () se puede establecer u obtener el valor, ese valor no recibe argumentos escrito.
(2) Casi todos los jQuery funciones construidas interna para bucle.
Debido a que el resultado es un tipo de jQuery para encontrar una gran variedad de objetos. Llamar a una clase para toda la matriz de objetos jQuery función de arranque, que viene con el interior de la circulación, el efecto se aplicará automáticamente a cada uno de los resultados de la búsqueda DOM elemento superior
Tales como:
