时间戳

首页 > 解决方案 > 切换 Jquery 上的变量，帮助隐藏显示按钮

javascript - 切换 Jquery 上的变量，帮助隐藏显示按钮

问题描述

这个简单的代码有效，但我想问一下这个$("p").toggle(); 如果我将"p"例如更改为"p1"并且我也更改<p>This is a paragraph.</p>为 <p id="p1">This is a paragraph.</p>，它不起作用，我不知道为什么。谁能告诉我是否可以将变量更改为其他变量，它也不是变量并且我错了？或者我就是做不到，而且必须一直如此$("p").toggle();？

<html>
<head>
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>`

<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>

<body>

<p>This is a paragraph.</p>
<button>Toggle between hide() and show()</button>

</body>
</html>

标签： javascriptjquery

解决方案

如果你想改变<p>This is a paragraph.</p>，<p id="p1">This is a paragraph.</p>那么你必须#p1在你的选择器中使用，所以它看起来像$("#p1")

#代表一个id所以如果你id是p1那么你必须使用#p1

$(document).ready(function() {
  $("button").click(function() {
    $("#p1").toggle();
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>


<p id="p1">This is a paragraph.</p>
<button>Toggle between hide() and show()</button>

推荐阅读