<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"> .login{width:40px;height:25px;line-height:25px;background-color:#4E74A5;margin-top:30px;text-align:center;color:#FFF;} </style> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(".login").click(function(){ alert(1); }); </script> </head> <body> <input type="text" class="pass" /> <div id="enter" class="login"> 登录</div> </body> </html>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function check(){
alert("111");
}
</script>
</head>
<body>
<input type="text" class="pass" />
<div id="enter" class="login" onclick="check()"> 登录</div>
</body>
这样就行了。比你的更简洁
刚才问的原因是为什么js放到head中为什么不执行,已经找到原因了,谢谢。