Categoría: jQuery-Selectors

¿Cuál es la diferencia entre selector y filter() en jQuery?

Posted on by Rudeus Greyrat

Selectores de jQuery: nos permiten seleccionar y manipular elementos HTML. Se utiliza para seleccionar elementos HTML como identificadores, clases, tipos, atributos, etc. mediante selectores de jQuery y luego agregar propiedades o eventos CSS a los elementos HTML seleccionados. Sintaxis: para seleccionar una etiqueta de botón, la sintaxis sería $(«button») Ejemplo: HTML <!DOCTYPE html> <html>    … Continue reading «¿Cuál es la diferencia entre selector y filter() en jQuery?»

¿Cuáles son los selectores más rápidos/lentos en jQuery?

Posted on by Rudeus Greyrat

Los selectores de jQuery se utilizan para seleccionar y manipular elementos HTML. En jQuery, hay principalmente tres selectores. selector de identificación Selector de clase Selector de elementos Antes de continuar, primero, veamos brevemente cómo se usan estos selectores. Selector de elementos: el selector de elementos jQuery selecciona el elemento en función de su nombre. Sintaxis: … Continue reading «¿Cuáles son los selectores más rápidos/lentos en jQuery?»

jQuery | :selector de imágenes

Posted on by Rudeus Greyrat

El selector :image se utiliza para seleccionar los elementos de entrada con tipo igual a imagen. Sintaxis: $(«:image») Parámetro: selector habilitado: se utiliza para seleccionar elementos de entrada HTML para cambiar sus propiedades, por ejemplo, color de fondo, etc. Ejemplo 1: <!DOCTYPE html> <html> <head>     <title>:image Selector</title> <script src=»https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js»> </script>    <script> $(document).ready(function(){   $(«:image»).css(«height», «50px»); … Continue reading «jQuery | :selector de imágenes»

Selector de elementos jQuery

Posted on by Rudeus Greyrat

jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS, o más precisamente, el Modelo de objetos del documento (DOM) y JavaScript. Al elaborar los términos, simplifica el recorrido y la manipulación de documentos HTML, el manejo de eventos del navegador, las animaciones DOM, las interacciones Ajax y el … Continue reading «Selector de elementos jQuery»

¿Cómo seleccionar el elemento principal directo de un elemento en jQuery?

Posted on by Rudeus Greyrat

En este artículo, seleccionaremos el elemento padre directo de un elemento usando jQuery. Para seleccionar el elemento padre directo, se usa el método parent(). Este método encuentra el elemento principal relacionado con el elemento seleccionado. Este método parent() recorre un solo nivel hacia arriba del elemento seleccionado y devuelve ese elemento. Sintaxis: $(selector).parent() Ejemplo:  HTML … Continue reading «¿Cómo seleccionar el elemento principal directo de un elemento en jQuery?»

¿Cómo aplicar CSS en niños pares del Node principal usando jQuery?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo establecer estilos incluso en elementos secundarios del elemento principal usando jQuery. Para establecer el estilo en el hijo par del padre, usamos el selector jQuery :nth-child(even). El selector :n-th-child(even) se usa para seleccionar cada elemento que es el hijo par de su elemento padre. Sintaxis: $(«Selector:nth-child(even)») Enfoque: Primero, creamos un … Continue reading «¿Cómo aplicar CSS en niños pares del Node principal usando jQuery?»

¿Cómo verificar que un selector coincida con algún contenido usando jQuery?

Posted on by Rudeus Greyrat

Para saber si el selector jQuery seleccionó algún elemento o no, aquí se analizan 2 métodos y estos son los métodos más utilizados. Ejemplo-1: En este ejemplo, Selector busca el elemento <p> . Este ejemplo usa la propiedad de longitud para verificar si algo está seleccionado o no. En este caso se encuentra el elemento … Continue reading «¿Cómo verificar que un selector coincida con algún contenido usando jQuery?»

¿Qué es jQuery.noConflict?

Posted on by Rudeus Greyrat

En JQuery, el signo $ es solo un alias para JQuery. Significa $(“p”) y JQuery.(“p”), ambos son totalmente iguales. Podemos usar cualquiera. Este signo $ es utilizado por muchas bibliotecas de Javascript como nombres de funciones o nombres de variables. En el momento del desarrollo, es obvio que vamos a utilizar muchas bibliotecas junto con … Continue reading «¿Qué es jQuery.noConflict?»

jQuery | :selector de casilla de verificación

Posted on by Rudeus Greyrat

El checkbox es un elemento muy importante para realizar interacciones con un usuario. En JQuery, podemos crear una casilla de verificación simple para permitir también la entrada de datos. Sintaxis: $(«:checkbox») Podemos implementar la casilla de verificación en el código: Ejemplo: <!DOCTYPE html> <html>    <head>     <script src= «https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js»>   </script>          <style>         p {             font-size: … Continue reading «jQuery | :selector de casilla de verificación»

jQuery | :enviar Selector

Posted on by Rudeus Greyrat

El :submit Selector es un selector incorporado que se utiliza para seleccionar el botón de envío y el elemento de entrada que tiene el campo de tipo enviado. Si el tipo de botón no está definido, la mayoría de los navegadores estándar lo usan como type=”submit” . Sintaxis: $(«:submit») Ejemplo: <!DOCTYPE html> <html>    <head> … Continue reading «jQuery | :enviar Selector»