Javascript 在jQuery中切换,首先隐藏段落
正如我在中的标题中提到的,我找到了一个jQuery函数来创建一个隐藏和显示段落html的按钮,但是,当我进入我的页面时,我希望我的pragraph被隐藏,现在我得到了相反的结果。。段落从一开始就显示出来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()
<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几年前我同意你的看法。是的,也许我担心的太多了,但我总是尝试在这么简单的时候支持最广泛的浏览器。。。无论如何,对于现代浏览器来说,这仍然是一个很好的解决方案。