有人能告诉我在这个使用 JQuery 的简单隐藏元素脚本中我做错了什么吗？当我单击按钮时，它意味着隐藏免责声明标签中的文本。谢谢。
索引.html：
<!DOCTYPE HTML">
<html>
<head>
<title></title>
<meta name="" content="">
<script src="script.js" type="text/javascript"></script>
<script type='text/javascript' src='jquery.js'></script>
</head>
<body>
<input type="button" id="hideButton" value="hide"/>
<div id="disclaimer">
<p>This is a disclaimer</p>
</div>
</body>
</html>
脚本.js：
$('#hideButton').click(function() {
$('#disclaimer').hide();
});
等到你的dom加载然后加载脚本
演示：http: //jsfiddle.net/epinapala/Pm2k6/3/
<!DOCTYPE HTML">
<html>
<head>
<title></title>
<meta name="" content="">
<script src="script.js" type="text/javascript"></script>
<script type='text/javascript' src='jquery.js'></script>
</head>
<body>
<input type="button" id="hideButton" value="hide"/>
<div id="disclaimer">
<p>This is a disclaimer</p>
</div>
<script>
$('#hideButton').click(function() {
$('#disclaimer').hide("slow");
});
</script>
</body>
</html>
或者，您可以使用
$(document).ready(function(){
//this will be executed after dom is loaded.
});
$(document).ready(function(){
$('#hideButton').click(function() {
$('#disclaimer').hide();
});
});
您应该将其附在准备好的文档中，也可以在之前
参考jquery.jsscript.js
另一种方式
<div id="disclaimer" style="block">
<p>This is a disclaimer</p>
</div>
<script>
$('#hideButton').click(function() {
$('#disclaimer').css('display','none');
});
</script>