Foro | Los últimos tutoriales de desarrollo web
 

jQuery Ejemplos


¿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.

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


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).

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


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() .

Los ejemplos explicados


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.

Los ejemplos explicados


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

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


Descendientes de desplazamiento jQuery

jQuery children()
Demuestra el jQuery children() método.

jQuery find()
Demuestra el jQuery find() método.

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados


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.

Los ejemplos explicados