Fatal编程技术网
  • javascript/
  • Javascript 如何使用JQuery显示/隐藏脚本显示隐藏文本

Javascript 如何使用JQuery显示/隐藏脚本显示隐藏文本

javascript jquery html css

Javascript 如何使用JQuery显示/隐藏脚本显示隐藏文本,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我是HTML新手，对JQuery一无所知，但我正在一个个人网站上学习一些HTML。我试图创建一个页面，其中大部分文本将被隐藏，用户可以单击“显示/隐藏”来显示他们想要看到的内容（多个选项） 我在另一篇帖子中发现了这个JQuery代码： $(document).ready(function(){ $("#hide1").click(function(){ $("o1").hide(); }); $("#show1").click(function(){ $("o1").

我是HTML新手，对JQuery一无所知，但我正在一个个人网站上学习一些HTML。我试图创建一个页面，其中大部分文本将被隐藏，用户可以单击“显示/隐藏”来显示他们想要看到的内容（多个选项）

我在另一篇帖子中发现了这个JQuery代码：

$(document).ready(function(){
  $("#hide1").click(function(){
    $("o1").hide();
  });
  $("#show1").click(function(){
    $("o1").show();
  });
});
使用按钮：

<button id="hide1">Hide</button>
<button id="show1">Show</button>

隐藏
显示
我知道如何使用它，但我希望在加载页面时隐藏它应该显示/隐藏的文本。我尝试了CSS
visibility:hidden
选项，但不起作用

有人能提出一些建议吗

试试这个：

$（文档）.ready（函数（）{
$（“#显示按钮”）。单击（函数（）{
$（“#text”）.show（）；
});
$（“#隐藏按钮”）。单击（函数（）{
$（“#text”）.hide（）；
});
});

#文本{
显示：无；
}



显示隐藏

一些文本不确定这是否有效，但尝试一下：D

HTML:


<body onload="start()">



function start(){
        $("o1").show();
};