如何从jquery更改css样式

使用 $("#mybox").show() 或 $("#mybox").css("display","block");

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

或

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

它是显示:块而不是显示可见:

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


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

如果将CSS与 display:none; 在可以触发的元素上 .show() 和 .hide() 上面有jquery!这是jquery的默认特性。

首先,“可见”不是显示属性的有效值。像“block”或“inline”之类的是。其次,不要这样直接设置CSS。这是有问题的。而是使用 jQuery effects 用于显示和隐藏事物(显示/隐藏/切换、向上/向下滑动、淡入/淡出等):

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

或者使用一个类:

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

用:

div.visible { display: block; }