Как изменить стиль CSS из JQuery

Question

мой стиль здесь

#mybox{
display:none;
}

мой веб здесь

<div id='mybox'>
...
</div>


<script type='text/javascript'>
  $(document).ready(function(){
   $("#mybox").css("display","visible");
})
</script>

mybox не отображается. Как показать mybox?

Answer 1

использовать $("#mybox").show() или $("#mybox").css("display","block");

Answer 2

$('#mybox').show();

или

$('#mybox').slideDown();

Answer 3

Это дисплей: блок вместо дисплея видим:

<div id='mybox'>
...
</div>


<script type='text/javascript'>
  $(document).ready(function(){
   $("#mybox").css("display","block");
})
</script>

Answer 4

Если вы используете CSS с display:none; для элемента, вы можете вызвать .show() и .hide() с jQuery на нем! Это функция по умолчанию в jQuery.

Answer 5

Во-первых, «visible» не является допустимым значением атрибута display. Что-то вроде «блок» или «встроенный» есть. Во-вторых, не устанавливайте CSS напрямую, как это. Это проблематично. Вместо этого используйте jQuery-эффекты для отображения и скрытия объектов (показать / скрыть / переключить, slideUp / slideDown, fadeIn / fadeOut и т. Д.):

$(function() {
  $("#mybox").show();
});

или альтернативно используйте класс:

$(function() {
  $("#mybox").toggleClass("visible");
});

с:

div.visible { display: block; }