Agregue una clase al div cuyo id es el cuadro, haga clic para ejecutar la función, y luego el contenido de la función es agregar fontsize30 (nombre de la clase) para realizar la operación de un nombre de clase más
$ ("# addclass"). Haga clic en (función () { $ ("# box"). addclass ("fontsize30") }) También hay un método para eliminar, removeClass (sin conectar el nombre de la clase, se eliminarán todos los nombres de clase) para determinar si el elemento tiene la clase name, use hasClass, si hay uno Si las palabras devuelven verdadero, de lo contrario falso switch, toggleClass, si el elemento tiene una determinada clase, elimínelo y agréguelo si no lo tiene
El atributo seleccionado especifica que la opción está preseleccionada cuando se carga la página.
active: la
barra de pestañas se cambia cuando se hace clic en el enlace . Requisitos: configure el evento "mouse in" para cada etiqueta li en la barra de pestañas, agregue el valor activo al li actual y elimine el valor activo de otros elementos hermanos li para
encontrar el mismo subíndice en la barra de pestañas actual div, agregar seleccionado, eliminar otros elementos hermanos seleccionados
$ (". wrapper> ul> li"). mouseenter (function () { $ (este (objeto dom se convierte en objeto JQ, donde esto está bloqueado cuando el mouse se mueve en el objeto dom) .addClass ("activo") agrega .siblings activos ("li ") al li actual (después de convertirlo en un objeto JQ, no volverá a cambiar aquí, y puede continuar usándolo) .removeClass ("active") para Eliminar el elemento hermano de li active var idx = $ (this) .index () Obtenga el subíndice del actual li $ (". productos> .main") .eq (idx) (pasar el subíndice del objeto bloqueado) .addClass ("Seleccionado"). hermanos ("div"). removeClass ("seleccionado") })
Animación de la página web: si la
función de mostrar no pasa parámetros, no habrá efecto de animación. Si desea un efecto de animación, pase el parámetro
1. Representa la duración de la animación, milisegundos o una cadena que representa la duración: rápido (200 ) (Se muestran 200 milisegundos)), normal (400), lento (600)
2. Función de devolución de llamada, después de agregar milisegundos, puede recuperar parte del contenido (2000, función () {alerta ("······" )})
La función de ocultar en sí está oculta, debe mostrarse antes de que se pueda realizar la operación.
Los parámetros pasados son los mismos que mostrar, que pertenece a la contracción inversa.
La función de alternar es para cambiar. Si está oculta, se mostrará, y si se ha mostrado, se ocultará. La función pasada es la misma que ocultar o mostrar.
La función slideDown es la misma que la función slideUp, pero en lugar de encogerse, son las
funciones fadeIn y fadeOut las que se deslizan hacia adentro y hacia afuera (de superficial a profunda). El
CSS también puede realizar las operaciones anteriores, pero muchos cambios de coordenadas son necesarios para completar el código, bastante complicado
Utilice el temporizador para sustituir y cumpla los requisitos para finalizar automáticamente la animación.
Condición: extraer una función que pueda realizar una animación simple.
Parámetro 1: obj: el objeto a animar.
Parámetro 2: velocidad: la velocidad del movimiento (puede ser positivo o negativo, para que pueda evitar estar en la función Cambiar los signos más y menos)
Parámetro 3: objetivo: la posición objetivo para ejecutar la animación (no puede confiar en positivo y negativo aquí, por lo que debe agregar la condición de velocidad en al mismo tiempo && qué objetivo (|| o tipo) se puede realizar para realizar qué operación)
si no Cambie el positivo y el negativo de la velocidad, y solo tome valores positivos. Puede agregar una función para juzgar. Cuando la posición actual es mayor que el objetivo, puede hacer speed = -speed
. Cuando varios objetos comparten la misma función de temporizador, para no entrar en conflicto,
1. Primero borre el temporizador de la variable global.
2. Luego agregue el objeto especificado a la función de borrar el temporizador, de lo contrario afectará a otros objetos.
3. Agregue el objeto especificado al inicio del temporizador. Lo
anterior es agregar un atributo de temporizador al objeto en la animación de ejecución para guardar el identificador del temporizador
attr: Para implementar el estilo en la animación , como: left top width, etc., no puede ser stlye.attr cuando se cita. Esto lo tratará como un atributo en stlye, pero no existe, por lo que debe ser stlye [attr] Lo ve como una variable
devolución de llamada: una función de devolución de llamada, que puede ejecutar el contenido de una función de asignación global, y el cuerpo de la función compartida donde se encuentra la devolución de llamada es una función local
Deje que el div se mueva a la posición 800, el método animado puede reemplazar efectivamente la complejidad del temporizador, se puede
animar una línea de código ({izquierda: 800}, 2000, "swing", función () {alerta ("ejecutado" )}), {propiedades insertadas}, "método insertado"
parámetro 1: debe pasarse en: objeto: las propiedades de la animación que deben realizarse
Parámetro 2: Opcional, que representa la duración de la animación
Parámetro 3: Opcional, lento swing velocidad uniforme
Parámetro lineal 4: Opcional, la función de devolución de llamada después de que se ejecuta la animación, la función de devolución de llamada también puede agregar animación anidada, anidación ilimitada, cambios ilimitados
Si la función html
$ ("# box"). Html ()
no toma parámetros, significa obtener todo el contenido (incluidas las etiquetas).
Si se pasan los parámetros, es el contenido de la configuración (el contenido contiene etiquetas y las etiquetas serán analizados), Will sobrescribir el contenido original de la
función de agregación.
error de análisis Katex: Expected'EOF', consiguió '#' en la posición 3:. ( '# caja') ()
con parámetros, se puede crear una etiqueta, pero la etiqueta creada solo existe en la memoria, no se puede mostrar como html ().
Si desea mostrar en la página, debe agregar y convertirse en el error de análisis de KaTeX: Expected'EOF ', got' # 'at posición 3: ("# ̲box"). append ( ("#box"). $ ("Content"))
función vacía
Limpiar la etiqueta y borrar los eventos vinculados a la etiqueta actual juntos
$ ("# box"). vacío()
función attr
Cambia el valor del atributo
$ ("img"). attr ("src", "images / aj2.jpg")
Si la etiqueta no tiene este atributo, agrega
$ ("img"). attr ("aaa", "aaaaa") Si no hay un cambio de aaa, se agregará.
También puede operar varios atributos al mismo tiempo. Escriba aaa y src entre paréntesis.
Agregar atributos sin agregar valores de atributo es obtener atributos. Obtener atributos que no tienen devolverá la
función undefind removeAttr para eliminar los atributos
$ ("Img"). removeAttr ("atributo") se puede eliminar,
o se pueden eliminar varios atributos al mismo tiempo, pero el espacio debe abrirse en el mismo ""
además de los atributos seleccionados de la etiqueta en sí, cuando el usuario elige Después de obtener la
versión JQ1.6 indefinida , propiedades que son de tipo booleano (solo seleccionadas o no establecidas por su propia configuración) como marcado, seleccionado, deshabilitado no use la función attr, pero use la función prop