¿Cómo puedo cambiar CSS display none o bloquear la propiedad usando jQuery?
jquery
jquery-selectors
DEVOPS
fuente
fuente
#id
usado para identificadores ¿qué pasa si quiero usarclass
?$(".class").css("display", "none");
$('#id').css('display', 'none');
, pero no funcionó. Sin embargo, el uso$('#id').css('color', 'red');
funciona. Sin embargo, no estoy seguro de por qué. ¿Alguien tiene alguna idea? Gracias por adelantado.Hay varias formas de lograr esto, cada una con su propio propósito.
1. ) Para usar en línea mientras simplemente asigna a un elemento una lista de cosas que hacer
2. ) Para usar mientras se configuran varias propiedades CSS
3. ) Para llamar dinámicamente al comando
4. ) Para alternar dinámicamente entre bloque y ninguno, si es un div
fuente
Si la visualización del div está bloqueada de manera predeterminada, puede usar
.show()
y.hide()
, o incluso más simple,.toggle()
alternar entre la visibilidad.fuente
Para ocultar:
Para mostrar:
fuente
Otra forma de hacerlo usando el método jQuery CSS:
fuente
Manera simple:
fuente
fuente
En caso de que desee ocultar y mostrar un elemento, dependiendo de si ya está visible o no, puede usar alternar en lugar de
.hide()
y.show()
fuente
.hide () no funciona en Chrome para mí.
Esto funciona para esconderse:
fuente
En mi caso, estaba haciendo mostrar / ocultar elementos de un formulario según si un elemento de entrada estaba vacío o no, de modo que al ocultar los elementos el elemento que seguía a los ocultos se reposicionó ocupando su espacio era necesario hacer un flotador: izquierda del elemento de tal elemento. Incluso usando un complemento como depende De era necesario usar float.
fuente
Utilizar este:
O:
fuente
<style> #choosepath { display: none; } </style> <script> $(document).ready(function () { $('#btn_journey').click(function () { alert("button click"); $('#choosepath').css({"display":"normal"}); }); }); </script> </head> <body> <a href="#" class="btn btn-primary btn-lg" id="btn_journey">Start your journey</a> <div class="col-lg-3 col-md-6 mb-4" id="choosepath"> </div> </body></html>
Utilizar:
Esta es la mejor manera.
fuente