sintaxis jQuery
1. Sintaxis básica: $ ("selector"). Acción () * selector: buscar elementos de consulta, * acrion: realizar operaciones en elementos
2 、 jQuery ready 函数: $ (documento) .ready (función () {});
Breve introducción: $ (function () {});
3. Cómo escribir el método : por ejemplo: método click: $ ("buton"). Click (function () {click operation});
4. El intercambio de elementos DOM y elementos jQuery :
DOM a jQuery: puede ajustar el texto del elemento DOM en el elemento jQuery envolviendo una capa de $ () $ (texto)
jQuery to DOM: el subíndice $ ("texto") [0] se puede utilizar para encapsular el elemento jQuery $ ("prueba") en el elemento DOM
5. Selector jQuery: encuentre elementos HTML basados en la identificación del elemento, clase, tipo, atributo, valor de atributo, etc. Todos los selectores comienzan con un signo de dólar
a. Selector básico:
SelectorSelector de elementos (seleccione elementos basados en nombres de elementos): $ ("p")
Selector # selector de id (seleccionar elementos basados en id): $ ("# text")
Selector. Selector de clase (seleccione elementos basados en la clase): $ (". Texto")
b. Selector de nivel:
Selector selector de descendiente ancestro (ancestro representa ancestros, descendiente representa descendientes), utilizado para hacer coincidir todos los elementos descendientes bajo un elemento ancestro dado: $ ("# p principal")
Además, puede usar el método find () para obtener todos los elementos descendientes del elemento especificado: $ ("# main"). Find ("p") = $ ("# main p")
Selectorparent> child selector (parent representa el elemento padre, child representa el elemento child), usado para hacer coincidir todos los elementos hijos en un elemento padre dado: $ ("form> p")
Además, puede usar el método children () para obtener los elementos secundarios del elemento especificado: $ ("form"). Children ("p") = $ ("form> p")
Selectorprev + siguiente selector (anterior y siguiente son dos elementos del mismo nivel), se utiliza para hacer coincidir todos los elementos siguientes inmediatamente después del elemento anterior: $ ("div + img")
Además, puede usar el método next () para obtener el siguiente elemento hermano inmediatamente al lado del elemento especificado, y el método nextAll () para obtener todos los elementos hermanos después de lo especificado:
$ ("div"). next ("img") = $ ("div + img") , $ ("div"). nextAll ("img")
Selectorelemento ~ selector de hermanos (elemento y hermanos dos elementos comparten el mismo elemento padre), utilizado para hacer coincidir todos los elementos hermanos en el mismo nivel del elemento elemento: $ ("div ~ ul")
Además, también puede usar el método siblings () para obtener todos los elementos hermanos del elemento especificado: $ ("div"). Siblings ("ul") = $ ("div ~ ul")
6. Selector de filtro
a. Filtro simple: comience con dos puntos para lograr un efecto de filtrado simple
B. Filtro de contenido: el filtro de contenido es filtrar a través del contenido de texto contenido en el elemento DOM y si contiene elementos coincidentes.
C. Selector de visibilidad: el filtro de visibilidad debe coincidir con el elemento utilizando el estado de visibilidad del elemento
d) Selector de atributos del objeto de formulario: el atributo de estado del elemento de formulario (como seleccionado, no disponible, etc.) elemento coincidente
e. Filtro de subelementos: El selector de subelementos debe filtrar los subelementos de un elemento dado. Las condiciones de filtrado específicas están determinadas por el tipo de selector.
7. Selector de atributos: el selector de atributos se utiliza para filtrar objetos a través del atributo del elemento como condición de filtrado.
8. Selector de formulario: el selector de formulario debe hacer coincidir los elementos que a menudo aparecen en el formulario. Pero los elementos coincidentes no están necesariamente en la forma.