jQuery sucintamente la manipulación jQuery

Creando, operando y agregando HTML sobre la marcha

Puede crear un marcado HTML sobre la marcha al pasar la función jQuery a una cadena de HTML sin procesar.

       

Es importante tener en cuenta que cuando se crean estructuras DOM utilizando la función jQuery, solo se agregan elementos de la raíz al conjunto de envoltura. En el ejemplo de código anterior,

Los elementos serán los únicos elementos en el conjunto de envoltura..

Podemos usar el encontrar() Método para operar en cualquier elemento de la estructura HTML una vez creado..

       

Después de operar en el HTML recién creado, también es posible agregarlo al DOM usando uno de los métodos de manipulación de jQuery. A continuación utilizamos el appendTo () Método para agregar el marcado a la página..

       

Notas: Elementos simples que no contienen atributos, por ejemplo,. PS

') - se crean a través de la document.createElement Método DOM, mientras que todos los demás casos se basan en el internalHTML propiedad. De hecho, puede pasar directamente a la función jQuery un elemento creado con document.createElement -p.ej. $ (document.createElement ('div')).

La cadena HTML pasada a jQuery no puede contener elementos que puedan considerarse inválidos dentro de una

elemento.

La cadena HTML pasada a la función jQuery debe estar bien formada.

Debería abrir y cerrar todos los elementos HTML al pasar jQuery HTML. De lo contrario, podrían producirse errores, principalmente en Internet Explorer. Solo para estar seguro, siempre cierre los elementos HTML y evite escribir HTML de acceso directo, por ejemplo,. PS

).


Grokking el método del índice ()

Puede determinar el índice de un elemento en el conjunto de envoltorio pasando ese elemento a la índice() método. Como ejemplo, supongamos que tiene un conjunto de envoltura que contiene todos los

elementos de una página web, y le gustaría saber el índice de los últimos
elemento.

    
0
1
2
3

El uso de índice() no llega a casa hasta que consideramos cómo puede usarse con eventos. Como ejemplo, haciendo clic en el

Elementos en el código de abajo, podemos pasar el clic
elemento (usando la palabra clave esta) al índice() Método para determinar el clic.
índice de.

    
texto de navegación
texto de navegación
texto de navegación
texto de navegación

Grokking el método de texto ()

Uno podría asumir incorrectamente que el texto() El método solo devuelve el nodo de texto del primer elemento en un conjunto de envoltura. Sin embargo, en realidad unirá los nodos de texto de todos los elementos contenidos en un conjunto de envoltura y luego devolverá el valor concatenado como una sola cadena. Asegúrese de conocer esta funcionalidad, o podría obtener algunos resultados inesperados.

    
1,
2,
3,
4

Actualizar o eliminar caracteres usando una expresión regular

Usando el JavaScript reemplazar() En combinación con algunas funciones de jQuery, podemos actualizar o eliminar fácilmente cualquier patrón de caracteres del texto contenido dentro de un elemento..

    

Realmente odio el uso de JavaScript. Quiero decir que realmente lo odio! Es el mejor tornado de todos los tiempos.!

También puede actualizar cualquier carácter que esté contenido en una cadena devuelta desde html (). Esto significa que no solo puede actualizar texto, sino también actualizar y reemplazar elementos DOM a través de una expresión regular.


Grokking el método .contents ()

los .contenido() El método se puede usar para encontrar todos los nodos de elementos secundarios, incluidos los nodos de texto contenidos dentro de un elemento. Sin embargo, hay una trampa. Si los contenidos recuperados contienen solo nodos de texto, la selección se colocará dentro del conjunto de envoltura como un nodo de texto único. Sin embargo, si el contenido que está recuperando tiene uno o más nodos de elementos entre los nodos de texto, entonces el .contenido() El método contendrá nodos de texto y nodos de elementos. Examine el código de abajo para comprender este concepto.

    

Me encanta usar jQuery!

me encanta De Verdad usando jQuery!

Tenga en cuenta que cuando un elemento del conjunto contenedor es un nodo de texto, debemos extraer el valor utilizando .obtener (0) .nodeValue. los contenido() El método es útil para extraer valores de nodo de texto. Es posible extraer solo los nodos de texto de una estructura DOM usando contenido().

    

jQuery me da Más poder que cualquier otra herramienta web!


El uso de remove () no elimina elementos del conjunto envoltorio

Cuando usas retirar(), en un fragmento de DOM del DOM, los elementos contenidos en la estructura del DOM eliminado aún están contenidos dentro del conjunto de envoltorios. Puede eliminar un elemento, operar en ese elemento y luego colocar ese elemento nuevamente dentro del DOM, todo dentro de una sola cadena jQuery.

    
Quitame

El punto aquí es que solo porque tú retirar() Los elementos no significan que se eliminen del conjunto de envoltura jQuery.