Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在jQuery中切换,首先隐藏段落_Javascript_Jquery_Html_Display - Fatal编程技术网

Javascript 在jQuery中切换,首先隐藏段落

Javascript 在jQuery中切换,首先隐藏段落,javascript,jquery,html,display,Javascript,Jquery,Html,Display,正如我在中的标题中提到的,我找到了一个jQuery函数来创建一个隐藏和显示段落html的按钮,但是,当我进入我的页面时,我希望我的pragraph被隐藏,现在我得到了相反的结果。。段落从一开始就显示出来 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function()

正如我在中的标题中提到的,我找到了一个jQuery函数来创建一个隐藏和显示段落html的按钮,但是,当我进入我的页面时,我希望我的pragraph被隐藏,现在我得到了相反的结果。。段落从一开始就显示出来

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").toggle();
    });
});
</script>
<body>
    <button>Toggle between hiding and showing the paragraphs</button>
 <p>
   If you see me it is that you had to click on the button
</p>
</body>

$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
$(“p”).toggle();
});
});
在隐藏和显示段落之间切换

如果你看到我,那就是你必须点击按钮


只需应用
hidden
属性,即可在默认情况下隐藏该段落

$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
$(“p”).toggle();
});
});

在隐藏和显示段落之间切换

如果你看到我,那就是你必须点击按钮

在事件处理程序定义之后单击它就足够了

$(“按钮”)。单击(函数(){
$(“p”).toggle();
}).trigger('click');
//^^^^^^^^^^^^^^^^^^

在隐藏和显示段落之间切换

如果你看到我,那就是你必须点击按钮

您可以简单地用CSS将其隐藏
p{display:none;}
这不是我推荐的选项,因为IE10及以下版本不支持它@blex几年前我同意你的看法。是的,也许我担心的太多了,但我总是尝试在这么简单的时候支持最广泛的浏览器。。。无论如何,对于现代浏览器来说,这仍然是一个很好的解决方案。