¿Cuáles son las propiedades y métodos comunes de jQuery?
Atributos:
Obtener la etiqueta: $("#id")
Obtener el código en la etiqueta: .html()
Obtener el texto en la etiqueta: .text()
Modificar el código en la etiqueta: .html("content");
Modificar el texto en la etiqueta: . Obtener los atributos de la etiqueta:. attr("attribute");
Modificar los atributos de la etiqueta: attr("attribute", "attributeValue");
Agregar estilo: addClass("styleName" );
Cambiar estilos dinámicamente: toggleClass("styleName");
Obtener style.css
Agregar elemento: append("element"); p>
Eliminar elemento: .remove();
Nodo vacío: .empty();
Obtener el segundo nodo li: var $li=$("ul li: eq(1)") ;
Obtener el contenido de texto del segundo contenido de texto del nodo li: var li_txt=$
Métodos:
Uno: Insertar nodo :
append() append() agrega el texto dentro de cada elemento coincidente
Por ejemplo:
Lo que quiero decir es:
Código:? $("p").append("Hola ");
Resulta en:
Me gustaría decir: Hola p>
appendto() Agrega todo el contenido coincidente al elemento especificado. De hecho, con este método puede revertir la operación normal $(A).append(B), es decir, en lugar de que B se agregue a A, A se agrega al texto de B.
por ejemplo:
Quiero decir:
Código:?$("Hola ").appendTo("p" ) ;
Resulta en:
Me gustaría decir: Hola
anteponer() el texto de cada elemento coincidente Preajustes internos.
por ejemplo:
Quiero decir:
Código:?$("p").prepend("Hola " ) ;
Resulta en:
Hola Quiero decir:
prependto() Antepone todos y los elementos especificados en el elemento especificado El contenido del elemento a coincidir.
De hecho, el uso de este método invertirá la operación normal $(A).append(B), es decir, en lugar de anteponer B a A, antepone A a B
por ejemplo:
Quiero decir:
Código:?$("Hola ").prependto("p");
Resulta en:
Hola Me gustaría decir:
después() Inserta contenido después de cada elemento coincidente.
por ejemplo:
Quiero decir:
Código:?$("p").after("Hola " ) ;
Resulta en:
Quiero decir: Hola
insertAfter Inserta todos los elementos coincidentes después del elemento especificado. .De hecho, usando este método puedes revertir la operación normal $(A).append(B), es decir, en lugar de insertar B después de A, insertas A después de B.
por ejemplo:
Quiero decir:
Código:?$("Hola ").after("p" );
Resulta en:
Me gustaría decir: Hola
antes() antes de cada elemento coincidente Insertar contenido
Por ejemplo:
Quiero decir:
Código:?$("Hola ").after(" p ");
Resulta en:
Me gustaría decir: Hola
insertBefore(): en la etiqueta B Insertar Una marca al frente
II: Eliminar:
①eliminar: elimina todos los nodos descendientes contenidos en el nodo al mismo tiempo, también puede seleccionar nodos descendientes a través de parámetros
②empty: borra el nodo y borra todos los nodos descendientes en el elemento
III: Reemplazar nodo:
①replaceWith() se usa para reemplazar todos los elementos coincidentes con el HTML o DOM especificado elemento
p>
②replaceAll()?
Cuatro: Nodos de empaquetado:
①La función de warp() es envolver todos los elementos individualmente p>
②La función de warpAll() Envuelve todos los elementos coincidentes con un solo elemento
③La función de warpinner() es envolver el subcontenido (incluidos los nodos de texto) con otras etiquetas estructuradas p>
La función de Warp() es reemplazar todos los elementos coincidentes con elementos HTML o DOM especificados
②replaceAll()?
V: Establecer y obtener HTML, valores de texto
1, html() :
2.text
3. val
VI: atravesar nodos
1. niños(): obtiene los elementos secundarios del elemento coincidente Nodo
2. next(): obtiene los elementos hermanos inmediatos del elemento coincidente
3. los elementos hermanos inmediatos del elemento coincidente
4. hermanos (): obtiene todos los elementos hermanos antes y después del elemento coincidente más cercano (): obtiene el elemento coincidente más cercano <. /p>
7: css-dom
css Obtener atributos de estilo
offset()
Posición
desplazamiento p>
scrollLeft
Operaciones de estilo:
1: Obtener el estilo y establecer los atributos de estilo
Por ejemplo:
¿Cuál es tu fruta favorita?
Obtener estilo: var p_class=$("p").attr("class");
Establecer estilo: $("p").attr( "class", "high");
2: Agregar estilo addClass
<.font-color
}
.another {
peso de fuente: cursiva? fuente cursiva
color:color de fuente
}
Añadir estilo:?$("entrada:eq
(2)").click(function(){$("p".addClass("another"))})
☆Existen las siguientes reglas en CSS:
① Si se agregan varios valores de clase a un elemento, equivale a fusionar sus estilos
②Si diferentes clases establecen el mismo estilo, el último tiene prioridad sobre el primero
addClass ?attr
Operación en el mismo elemento de la página web
test
test
Usa $< "p"> por primera vez .addClass("high");?$< "p">.attr("class", "high");
El resultado del primer uso
prueba.
prueba
¿Usar de nuevo? $< "p">.addClass("another"); $< "p">.attr( " class", "otra");
¿Resultado final?
prueba
prueba
3: Eliminar estilo removeClass
prueba
?Eliminar uno: $< "p">.removeClass(" high");
Eliminar dos: $< "p">.removeClass("high").removeClass("another");== $< "p">.removeClass("high another" )
RemoveAll: $< "p">.removeClass();
4: Cambiar estilo
5: Determinar si el elemento contiene el estilo táctil hasClass
Se puede usar para determinar si un elemento contiene una clase determinada
Se puede usar para determinar si un elemento contiene una clase determinada. Si es así, devuelve verdadero; de lo contrario, devuelve falso.