¿Quieres desarrollar sus habilidades selectores de jQuery?
Por favor, intente nuestro probador del selector de jQuery
Los selectores de jQuery
$("p").hide()
Demuestra el jQuery hide() método, ocultando todos los <p> elementos.
$("#test").hide()
Demuestra el jQuery hide() método, que oculta el elemento con id="test" .
$(".test").hide()
Demuestra el jQuery hide() método, que oculta todos los elementos con class="test" .
$(this).hide()
Demuestra el jQuery hide() método, que oculta el elemento HTML actual.
jQuery Eventos
jQuery click()
Demuestra el jQuery click() evento.
jQuery dblclick()
Demuestra el jQuery dblclick() evento.
jQuery mouseenter()
Demuestra el jQuery mouseenter() evento.
jQuery mouseleave()
Demuestra el jQuery mouseleave() evento.
jQuery mousedown()
Demuestra el jQuery mousedown() evento.
jQuery mouseup()
Demuestra el jQuery mouseup() evento.
jQuery hover()
Demuestra el jQuery hover() evento.
jQuery focus() y blur()
Demuestra el jQuery focus() y blur() eventos.
jQuery Ocultar / Mostrar
jQuery hide()
Demuestra el jQuery hide() método.
jQuery hide() y show()
Demuestra jQuery hide() y show() métodos.
jQuery toggle()
jQuery toggle() alterna entre hide() y show() .
jQuery hide()
Otra demostración ocultar. Cómo ocultar partes del texto.
jQuery fundido
jQuery fadeIn()
Demuestra el jQuery fadeIn() método.
jQuery fadeOut()
Demuestra el jQuery fadeOut() método.
jQuery fadeToggle()
Demuestra el jQuery fadeToggle() método.
jQuery fadeTo()
Demuestra el jQuery fadeTo() método.
jQuery diapositivas
jQuery slideDown()
Demuestra el jQuery slideDown() método.
jQuery slideUp()
Demuestra el jQuery slideUp() método.
jQuery slideToggle()
Demuestra el jQuery slideToggle() método.
jQuery Animate
jQuery animate()
Demuestra un uso sencillo del jQuery animate() método.
jQuery animate() - manipular múltiples propiedades CSS
Demuestra que se puede manipular múltiples propiedades CSS con el jQuery animate() método.
jQuery animate() - usando valores relativos
Demuestra que se puede utilizar valores relativos en el jQuery animate() método.
jQuery animate() - usando valores predefinidos
Demuestra que se pueden utilizar los valores predefinidos "hide", "show", "toggle" en el jQuery animate() método.
jQuery animate()
Demuestra más con el jQuery animate() método (varios animate() llama a una después de otra).
jQuery animate()
Demuestra más con el jQuery animate() método (varios animate() llama a una después de otra).
Detener animaciones jQuery
jQuery stop() de deslizamiento
Demuestra el jQuery stop() método.
jQuery stop() animación (con parámetros)
Demuestra el jQuery stop() método.
jQuery HTML obtener el contenido y atributos
jQuery text() y html() - Obtener el contenido
Obtener el contenido con el jQuery text() y html() métodos.
jQuery val() - Obtener el contenido
Obtener el valor de un campo de formulario con el jQuery val() método.
jQuery attr() - Obtiene el valor del atributo
Obtener el valor de un atributo con el jQuery attr() método.
jQuery HTML conjunto de contenidos y atributos
jQuery text() , html() , y val() - Establecer el contenido
Contenido de conjunto con los jQuery text() , html() y val() métodos.
jQuery text() y html() - Establecer el contenido con una función de devolución de llamada
Conjunto de contenido + usando una función de devolución de llamada en el interior text() y html() .
jQuery attr() - Establecer valor de atributo
Valor conjunto de atributos con el jQuery attr() método.
jQuery attr() - Establece varios valores de atributos
Establecer varios valores de atributos con el jQuery attr() método.
jQuery attr() - Valor de ajuste atributo con una función de devolución de llamada
Establecer valor de atributo + usando una llamada de retorno dentro attr() .
jQuery HTML Añadir Elementos / contenido
jQuery append()
Insertar contenido en el extremo de los elementos HTML seleccionados.
jQuery prepend()
Insertar contenido en el comienzo de los elementos HTML seleccionados.
jQuery append() - Insertar varios elementos nuevos
Crear nuevos elementos con el texto / HTML, jQuery y JavaScript / DOM. A continuación, añadir los nuevos elementos en el texto.
jQuery after() y before()
Insertar contenido antes y después de los elementos HTML seleccionados.
jQuery after() - Introducir varios elementos nuevos
Crear nuevos elementos con el texto / HTML, jQuery y JavaScript / DOM. A continuación, inserte los nuevos elementos después del elemento seleccionado.
jQuery HTML Eliminar los elementos / contenido
jQuery remove()
Retire el seleccionado element(s) .
jQuery empty()
Eliminar todos los elementos secundarios del seleccionado element(s) .
jQuery remove() - con un parámetro
Filtrar los elementos que se deben eliminar
jQuery obtener y definir las clases CSS
jQuery addClass()
Añadir atributos de clase a los diferentes elementos.
jQuery addClass() - Varias clases
Especificar varias clases dentro de la addClass() método.
jQuery removeClass()
Eliminar un atributo de clase específica de diferentes elementos.
jQuery toggleClass()
Alternar entre la adición / eliminación de las clases de los elementos seleccionados.
jQuery css() Método
jQuery css() - retorno propiedad CSS
Devolver el valor de una propiedad CSS especificado desde el primer elemento coincidente.
jQuery css() - Establecer la propiedad CSS
Establecer una propiedad CSS especificado para todos los elementos coincidentes.
jQuery css() - establecer las propiedades CSS
Establecer múltiples propiedades CSS para todos los elementos coincidentes.
jQuery Dimensiones
jQuery - retorno width() y la height()
Devolver el ancho y la altura de un elemento especificado.
jQuery - volver innerWidth() y innerHeight()
Devolver el centro de la anchura / altura de un elemento especificado.
jQuery - volver outerWidth() y outerHeight()
Devolver la anchura exterior / altura de un elemento especificado.
jQuery - volver outerWidth (verdadero) y outerHeight (verdadero)
Devolver la anchura exterior / altura (incluyendo márgenes) de un elemento especificado.
jQuery - retorno width() y la height() del documento y la ventana
Devolver el ancho y la altura del documento (documento HTML) y la ventana (la ventana del navegador).
jQuery - conjunto de width() y la height()
Establece el ancho y la altura de un elemento especificado.
jQuery que atraviesan los antepasados
jQuery parent()
Demuestra el jQuery parent() método.
jQuery parents()
Demuestra el jQuery parents() método.
jQuery parentsUntil()
Demuestra el jQuery parentsUntil() método.
Descendientes de desplazamiento jQuery
jQuery children()
Demuestra el jQuery children() método.
jQuery find()
Demuestra el jQuery find() método.
jQuery desplazamiento Hermanos
jQuery siblings()
Demuestra el jQuery siblings() método.
jQuery next()
Demuestra el jQuery next() método.
jQuery nextAll()
Demuestra el jQuery nextAll() método.
jQuery nextUntil()
Demuestra el jQuery nextUntil() método.
jQuery desplazamiento Filtrado
jQuery first()
Demuestra el jQuery first() método.
jQuery last()
Demuestra el jQuery last() método.
jQuery eq()
Demuestra el jQuery eq() método.
jQuery filter()
Demuestra el jQuery filter() método.
jQuery not()
Demuestra el jQuery not() método.
jQuery AJAX load() Método
jQuery load()
Cargar el contenido de un archivo en un <div> elemento.
jQuery load()
Cargar el contenido de un elemento específico dentro de un archivo, en un <div> elemento.
jQuery load() - con la devolución de llamada
Usar jQuery de la load() método con una función de devolución de llamada.
jQuery AJAX get() y post() Métodos
jQuery get()
Utilice el $.get() método para recuperar datos de un archivo en el servidor.
jQuery post()
Utilice el $.post() método para enviar algunos datos junto con la solicitud.