Javascript 在Jquery中，如何在默认情况下隐藏内容？_Javascript_Jquery_Html_Css_Ajax

Javascript 在Jquery中，如何在默认情况下隐藏内容？

javascript jquery html css ajax

Javascript 在Jquery中，如何在默认情况下隐藏内容？,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,在这段代码中，它来自（）。我应该在函数上添加什么，使其在默认情况下保持隐藏状态 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#hide").cl

在这段代码中，它来自（）。我应该在函数上添加什么，使其在默认情况下保持隐藏状态

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<p>If you click on the "Hide" button, I will disappear.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>


$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“p”）.hide（）；
});
$（“#显示”）。单击（函数（）{
$（“p”）.show（）；
});
});
如果你点击“隐藏”按钮，我将消失
隐藏
展示

您可以使用纯CSS：

p {
    display: none
}

如果您正在寻找jQuery解决方案，那么可以使用：

$(document).ready(function(){
    $('p').hide();
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
});

使用CSS：

p {display:none}

或jQuery：

$(document).ready(function(){
  $('p').hide();
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});

你真的应该用css来做，但这可以用jQuery来做

$(document).ready(function(){
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
    $("p").hide();  // this will hide it initially.
});

或者css

p {
    display: none;
}

如果您希望在默认情况下隐藏它，您不需要

jquery

，只需将

hidden

添加到要隐藏的标记中，例如

hide

，然后在需要时显示它。引用您的源代码。看起来OP已经知道如何在最初使用纯CSS隐藏它。