我希望用户能够点击“你好！” 让它变成“再见！” 然后再次单击它以将其更改回“你好！”。我已经做到了“你好！” 更改为“再见！”，但我不知道如何使功能“重复”。
我是这方面的新手，所以欢迎所有帮助和建议！
这是据我所知：
HTML：
<body>
<p id = "greeting">Hello!</p>
</body>
查询：
$(function(){
$("#greeting").click(function(){
$(this).text('Goodbye!').toggle(hide);
});
});
$("#greeting").click(function(){
$(this).text(function(_, oldText) {
return oldText === 'Goodbye!' ? 'Hello!' : 'Goodbye!';
});
});
这是另一种使用方法toggle：
的HTML
<body>
<p>Hello!</p>
<p style="display: none">Goodbye!</p>
</body>
jQuery
$(document).ready(function(){
$("p").click(function () {
$("p").toggle();
});
});
你可以在这里测试它：http: //jsfiddle.net/zcQkD/2/
在用于切换的 jQuery 文档中有一个与此非常相似的示例：http: //api.jquery.com/toggle/
你也可以试试这个：
$("#greeting").click(function(){
if ($(this).text() == "Hello!")
$(this).text("Goodbye!")
else
$(this).text("Hello!");
});