我想隐藏一个div，我似乎无法让它正常工作。这里是我的代码：Div隐藏不工作
<head>
<title>Home - Chrome</title>
<link rel="stylesheet" href="main.css">
<script src="jquery.js"></script>
<script>
function 1Hide() {
document.getElementById('div1').style.display = 'none';
}
</script>
</head>
<body>
<div id="div1">
</div>
<a onclick="1Hide" href="javascript:void(0);">Click</a>
</body>
CSS：
#div1 {
height: 100;
width: 700;
margin: 30 auto 0 auto;
background: #FFFFFF;
}
标识符不能以数字开头。改为1Hide而不是Hide1。此外，要调用函数，可以在标识符的末尾添加括号，如下所示：
Hide1();。
这将调用该函数。你的HTML看起来应该像下面这样：
<a onclick="Hide1();" href="javascript:void(0);">Click</a>
通知附加到函数名末尾操作()。每当你想调用函数这是你使用的语法。
三个问题：
()功能px首先，使用圆括号（点击进行函数调用）。然后，以字母开头的函数名称：
<script>
function div1Hide() {
document.getElementById('div1').style.display = 'none';
}
</script>
<a onclick="div1Hide()" href="javascript:void(0);">Click</a>
尝试使用jQuery's hide function像这样：
$('#myHideButton').click(function() {
$('#div1').hide();
});