jQuery | :selector visible

El Selector :visible se utiliza para seleccionar todos los elementos que están actualmente visibles en el documento. El elemento visible no admite ninguna de las condiciones que se dan a continuación: Establecer para mostrar: ninguno Elementos de formulario con type=”hidden” Ancho y alto establecidos en 0 Un elemento principal oculto (esto también oculta elementos secundarios) … Continue reading «jQuery | :selector visible»

jQuery | :selector de archivos

El :file Selector se utiliza para seleccionar el elemento de entrada que tiene un campo de archivo. (tipo==archivo) Sintaxis: $(«:file») Ejemplo: elemento de entrada con tipo = archivo. <!DOCTYPE html> <html>    <head>     <script src= «https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js»>   </script>     <script>         $(document).ready(function() {             $(«:file»).css(«background-color»,                             «dodgerblue»);         });     </script> </head>    <body>     <center>         <h1 style=»color:green;»>GeeksForGeeks       </h1>         <h2>jQuery :file Selector</h2>    … Continue reading «jQuery | :selector de archivos»

¿Cómo hacer un formulario de inicio de sesión y registro deslizante receptivo usando HTML CSS y JavaScript?

Los formularios se utilizan en las páginas web para que el usuario ingrese los detalles requeridos que luego se envían al servidor para su procesamiento. Un formulario también se conoce como formulario web o formulario HTML. En este artículo, aprenderá a crear un formulario de inicio de sesión y registro deslizante receptivo utilizando HTML, CSS … Continue reading «¿Cómo hacer un formulario de inicio de sesión y registro deslizante receptivo usando HTML CSS y JavaScript?»

¿Cómo detectar y cambiar el contenido/estilo de un div usando jQuery?

Los cambios en el html/texto de un div se pueden detectar utilizando el método jQuery on() . on() se usa para adjuntar uno o más controladores de eventos para los elementos seleccionados y los elementos secundarios en el árbol DOM. El método on() es el reemplazo del método bind(), live() y delegado() de la versión … Continue reading «¿Cómo detectar y cambiar el contenido/estilo de un div usando jQuery?»

¿Cómo crear animaciones usando valor relativo en jQuery?

Usando el método animate() de jQuery , podemos agregar diferentes animaciones CSS a los elementos. Este es uno de los poderosos métodos utilizados para manipular elementos HTML y agregar funciones de animación en jQuery. El efecto de animación se crea cuando cambiamos los estilos CSS en el método animate() . Para cambiar la izquierda o … Continue reading «¿Cómo crear animaciones usando valor relativo en jQuery?»

jQuery | :restablecer Selector

El :reset Selector se utiliza para seleccionar el elemento de entrada que tiene un botón de campo de reinicio, es decir, <input type=”button”>. Sintaxis: $(«:reset») Ejemplo: <!DOCTYPE html> <html>    <head>     <script src= «https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js»>   </script>          <script>         $(document).ready(function() {             $(«:reset»).css(«background-color»,                             «coral»);         });     </script> </head>    <body>     <center>         <h1 style=»color:green;»>           GeeksForGeeks       </h1>                  <h2>jQuery :reset Selector … Continue reading «jQuery | :restablecer Selector»

jQuery | elemento ~ hermanos Selector

El elemento ~ selector de hermanos en jQuery se usa para seleccionar todos los elementos que son hermanos del elemento especificado. Sintaxis: («element ~ siblings») Parámetro: contiene dos parámetros, como se mencionó anteriormente y se describe a continuación: elemento: Es un parámetro obligatorio y se utiliza para cualquier selector jQuery válido. hermanos: Es un parámetro … Continue reading «jQuery | elemento ~ hermanos Selector»

jQuery | :botón Selector

El jQuery :button selector selecciona elementos de botón y elementos de entrada con type=”button” . El elemento botón no se selecciona si usamos input=”botón” como selector . Sintaxis: $(«:button») Ejemplo 1: <!DOCTYPE html> <html>    <head>     <script src= «https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js»>   </script>       <script>         $(document).ready(function() {             $(«:button»).css(               «background-color», «lightgreen»);         });     </script> </head>    <body>        <center>         <form … Continue reading «jQuery | :botón Selector»

jQuery | :selector deshabilitado

El selector :disabled se utiliza para seleccionar todos los elementos de formulario deshabilitados. Sintaxis: $(«:disabled») Parámetro: :selector deshabilitado: Se utiliza para seleccionar elementos HTML que soporten el atributo deshabilitado. es decir, etiqueta de botón, etiqueta de entrada, etiqueta de optgroup, etiqueta de opción, etiqueta de selección y etiqueta de área de texto. Ejemplo 1: <!DOCTYPE … Continue reading «jQuery | :selector deshabilitado»

¿Cómo usar jQuery para buscar y reemplazar elementos HTML?

En este artículo, discutiremos cómo usar jQuery para buscar y reemplazar elementos HTML. Al igual que en Vanilla JavaScript (JavaScript puro), jQuery también presenta selectores para seleccionar las etiquetas HTML para que podamos manipular el contenido y las propiedades de las etiquetas HTML. Usando los selectores de jQuery  podemos seleccionar elementos por nombre de etiqueta, … Continue reading «¿Cómo usar jQuery para buscar y reemplazar elementos HTML?»