jQuery-Selectors – Página 8

jQuery | :selector de cabecera

julio 5, 2022 Rudeus Greyrat

El :header Selector se usa para seleccionar todos los elementos de encabezado que van desde (<h1> a <h6>) . Sintaxis: $(«:header») Ejemplo: Cambiar el color de todos los encabezados a verde. <!DOCTYPE html> <html> <head> <script src= «https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js»> </script> <script> $(document).ready(function() { $(«:header»).css( «color», «green»); }); </script> </head> <body> <center> <h1>GeeksForGeeks</h1> <h2>jQuery :header … Continue reading «jQuery | :selector de cabecera»

jQuery | Selector :nth-child()

julio 5, 2022 Rudeus Greyrat

jQuery :nth-child() Selector Selecciona todos los elementos que son el nth-child de su padre. Sintaxis: $(«Element:nth-child(Index/even/odd/equation)») Valores: Índice: Índice proporcionado. El índice comienza desde par: se selecciona un número par de elementos secundarios. impar: se seleccionará un número impar de elementos secundarios. ecuación: selecciona elementos secundarios resolviendo una fórmula (an+b). Ejemplo: <!DOCTYPE html> <html> … Continue reading «jQuery | Selector :nth-child()»

¿Cómo seleccionar todas las filas pares/impares en la tabla usando jQuery?

julio 5, 2022 Rudeus Greyrat

En este artículo, veremos cómo hacer una tabla seleccionando las filas alternas, es decir, seleccionando las filas pares o impares haciendo clic en los botones respectivos. Esta característica puede ser útil al momento de seleccionar los datos/elementos específicos de cualquiera de las filas o para resaltar la tabla de datos para su visualización desde el … Continue reading «¿Cómo seleccionar todas las filas pares/impares en la tabla usando jQuery?»

¿Cómo encontrar todos los divs con un atributo de nombre que contiene la palabra ‘geeks’ y establece el color de fondo?

julio 5, 2022 Rudeus Greyrat

jQuery contiene selectores de atributos con la ayuda de los cuales podemos seleccionar los elementos con atributo de nombre como una string en particular o seleccionar los elementos que contienen una string en particular o comienzan con una string en particular o terminan con una string en particular o no contienen una string en particular … Continue reading «¿Cómo encontrar todos los divs con un atributo de nombre que contiene la palabra ‘geeks’ y establece el color de fondo?»

¿Cómo almacenar datos en el DOM?

julio 5, 2022 Rudeus Greyrat

En este artículo, aprenderemos a almacenar datos en elementos DOM . Si queremos guardar algunos datos en una etiqueta HTML, podemos usar el método jQuery .data() para almacenar datos que también se pueden recuperar más tarde usando el mismo método. Sintaxis: $(selector).data(name) Valores de atributos: name: Define el nombre de los datos a almacenar y … Continue reading «¿Cómo almacenar datos en el DOM?»

jQuery | :selector de primer tipo

julio 5, 2022 Rudeus Greyrat

El Selector :first-of-type se usa para seleccionar todos los elementos que son el primer hijo, de un tipo particular, de su padre. Sintaxis: $(«:first-of-type») Los siguientes ejemplos ilustran el selector :first-of-type en jQuery: Ejemplo 1: Este ejemplo cambia el color de fondo a verde y el color de texto a blanco, del primer encabezado de … Continue reading «jQuery | :selector de primer tipo»

jQuery | :selector de último tipo

julio 5, 2022 Rudeus Greyrat

El Selector :last-of-type se utiliza para seleccionar todos los elementos que son el último hijo de su padre. Sintaxis: $(«:last-of-type») Los siguientes ejemplos ilustran el selector :last-of-type en jQuery: Ejemplo 1: Este ejemplo cambia el color de fondo a verde y el color de texto a blanco, del último elemento de sus padres (etiquetas div). … Continue reading «jQuery | :selector de último tipo»

¿Cómo seleccionar ancestros específicos de un elemento en jQuery?

julio 5, 2022 Rudeus Greyrat

En este artículo, seleccionaremos elementos ancestros específicos de un elemento en jQuery. Para seleccionar los elementos ancestros específicos de un elemento, usamos el método parent(). Este método se utiliza para encontrar los elementos principales relacionados con el elemento seleccionado. Este método parent() atraviesa todos los niveles hasta el elemento seleccionado y devuelve todos los elementos. … Continue reading «¿Cómo seleccionar ancestros específicos de un elemento en jQuery?»

¿Cómo crear un editor de imágenes simple con filtros CSS y jQuery?

julio 5, 2022 Rudeus Greyrat

La propiedad de filtro CSS se utiliza para editar imágenes o efectos visuales sin necesidad de ningún software especializado. Los filtros CSS funcionan con un valor predeterminado, por lo que no ofrecen a los usuarios ningún control para cambiar su intensidad. jQuery cambia el valor de la intensidad en los filtros CSS de forma dinámica … Continue reading «¿Cómo crear un editor de imágenes simple con filtros CSS y jQuery?»

jQuery | Selector :nth-of-type()

julio 5, 2022 Rudeus Greyrat

El :nth-of-type() es un selector incorporado en jQuery , que se usa para seleccionar todos los elementos nth-child del padre especificado. Sintaxis: parent_name : nth-of-type(n|even|odd|algebraic equation) Parámetros: Toma un parámetro n | incluso | impar | ecuación algebraica. Valor Descripción norte Seleccione el niño presente en el índice n (a partir de 1). n debe … Continue reading «jQuery | Selector :nth-of-type()»