我一直在尝试使用 jQuery 创建一个简单的动画，唯一的问题是，无论我尝试了什么，它似乎都不起作用。我想做的就是创建一个显示/隐藏按钮，显示然后隐藏一个句子。我两天前才开始学习 jQuery，所以可能有一个简单的错误。
这是我的代码:
<body>
<input type="button" value="Hide" id="toggle_message" />
<p id="message">You can see this</p>
<script type="text/javascript" src="JQuery\jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="JQuery\toggle.js"></script>
</body>
从中，您可以看到我已从我的计算机导入了 jQuery 库，并尝试使用具有显示/隐藏代码的第二个脚本。
这也是:
$('toggle_message').click(function() {
var value = $('#toggle_message').attr('value');
$('message').toggle('fast');
if (value == 'Hide') {
$('toggle_message').attr('value', 'Show');
} else if (value == 'Show') {
$('toggle_message').attr('value', 'Hide');
}
});
即使保存为 .js 文件，文本似乎也不会像 HTML 中那样改变颜色。有人可以澄清这是否应该发生吗？我现在正在使用 Notepad++，如果有帮助的话。
最佳答案
您的选择器语法略有错误，您可以稍微简化您的代码。
$('#toggle_message').click(function() {
$('#message').toggle('fast');
if ($(this).val() == 'Hide') {
$(this).val('Show');
} else {
$(this).val('Hide');
}
}
jQuery 中的选择器通常在按 id 选择时使用 #，或在按类选择时使用 .。
在函数内部，因为它是在 #toggle_message 元素上调用的，所以您可以简单地将其引用为 $(this)。
关于javascript - JQuery 简单动画不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34701203/