javascript - poner - select placeholder color css

¿Cómo configurar “style=display: none;” usando el método attr de jQuery''s?

Question

A continuación se muestra el formulario con el ID de msform que quiero aplicar el atributo style = "display: none".

<form id="msform" style="display:none;">
</form>

También se debe realizar la verificación antes de agregar "style=display:none;" propiedad. Es decir, si ya está configurado como en el código anterior, no debería establecerse nuevamente.

Pero si no está configurado, entonces debería.

¿Cómo debo lograr esto? Por favor, ayúdame.

Answer 1

¿Por qué no solo usar $(''#msform'').hide() ? Detrás de la escena, jQuery hide y show solo establece display: none o display: block .

hide() no cambiará el estilo si ya está oculto.

basado en el comentario a continuación, está eliminando todo el estilo con removeAttr("style") , en cuyo caso llame a hide() inmediatamente después de eso.

p.ej

$("#msform").removeAttr("style").hide();

Lo contrario de esto es, por supuesto, show() como en

$("#msform").show();

O, lo que es más interesante, toggle() , que cambia de forma efectiva entre hide() y show() según el estado actual.

Answer 2

Basado en el comentario, estamos eliminando una propiedad del atributo de estilo.

Aquí esto no afectó, pero cuando se usan más propiedades dentro del estilo, es útil.

$(''#msform'').css(''display'', '''')

Después de esto usamos

$("#msform").show();

Answer 3

Excepto hide() mencionado en otras respuestas, puedes usar css() :

$("#msform").css("display","none")

Answer 4

Puedes usar las funciones de hide y show de jquery. Examples

En su caso, simplemente configure $(''#msform'').hide() o $(''#msform'').show()

Answer 5

Solo puede usar: $("#msform").hide() . Esto establece el elemento para display: none

Answer 6

$(document).ready(function(){
var display = $("#msform").css("display");
if(display!="none")
{
$("#msform").attr("style", "display:none");
}
});