如何在jQuery中切换按钮文本标签？_Jquery

如何在jQuery中切换按钮文本标签？

jquery

如何在jQuery中切换按钮文本标签？,jquery,Jquery,我制作了一个隐藏一些文本的按钮，效果很好。但是我想把按钮的文本从隐藏改为显示等等，请帮忙这是密码 <html> <head> <script src="jqueryLibrary.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").toggle(1000); }); }); &

我制作了一个隐藏一些文本的按钮，效果很好。但是我想把按钮的文本从隐藏改为显示等等，请帮忙这是密码

<html>
<head>
<script src="jqueryLibrary.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").toggle(1000);
    });
});
</script>
</head>
<body>
  <button>hide</button>
  <p>This is a paragraph with little content.</p>
  <p>This is another small paragraph.</p>
</body>
</html>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）。切换（1000）；
});
});
隐藏
这是一段内容很少的段落
这是另一小段

您可以使用：

如果我理解正确，您只想更改按钮文本

<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle(1000);
   if($(this).html() == "Hide"){
      $(this).html("Hide");
   }
   else{
      $(this).html("Show");
   }
});
});
</script>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）。切换（1000）；
if（$（this.html（）==“Hide”）{
$（this.html（“隐藏”）；
}
否则{
$（this.html（“Show”）；
}
});
});

如果我理解正确，您只想更改按钮文本吗

<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle(1000);
   if($(this).html() == "Hide"){
      $(this).html("Hide");
   }
   else{
      $(this).html("Show");
   }
});
});
</script>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）。切换（1000）；
if（$（this.html（）==“Hide”）{
$（this.html（“隐藏”）；
}
否则{
$（this.html（“Show”）；
}
});
});

如果我理解正确，您只想更改按钮文本吗

<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle(1000);
   if($(this).html() == "Hide"){
      $(this).html("Hide");
   }
   else{
      $(this).html("Show");
   }
});
});
</script>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）。切换（1000）；
if（$（this.html（）==“Hide”）{
$（this.html（“隐藏”）；
}
否则{
$（this.html（“Show”）；
}
});
});

如果我理解正确，您只想更改按钮文本吗

<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle(1000);
   if($(this).html() == "Hide"){
      $(this).html("Hide");
   }
   else{
      $(this).html("Show");
   }
});
});
</script>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“p”）。切换（1000）；
if（$（this.html（）==“Hide”）{
$（this.html（“隐藏”）；
}
否则{
$（this.html（“Show”）；
}
});
});

谢谢，我试过你的代码，但从隐藏到显示只更改了一次，我希望每次单击时都能保持更改。谢谢，我试过你的代码，但从隐藏到显示只更改了一次，每次单击时都能保持更改。谢谢，我试过你的代码，但从隐藏到显示只更改了一次，我希望它在每次单击时都能保持更改。谢谢，我尝试了你的代码，但从隐藏到显示只更改了一次，我希望它在每次单击时都能保持更改。