Red de conocimiento informático - Aprendizaje de programación - ¿Cuáles son las propiedades y métodos comunes de jQuery?

¿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");

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

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

②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

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

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.