我试图让jquery隐藏这个div,由于某种原因,它不起作用我做错了什么
<!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> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #one{ border:3px solid #00F; width:50%; } #hideme{ border:3px solid #00F; width:50%; display:none; } </style> <script type="text/javascript" src="../_root/js/jquery/jquery-1.4.2.js"></script> <script language="javascript" type="text/javascript"> $("#one").click(function () { $("#hideme").toggle(); }); </script> </head> <body> <div id="one"> <a href="#">hello</a> </div> <div id="hideme"> hi </div> </body> </html>
解决方法
你需要：
>使用document.ready
>选择#one div下面的锚点,而不是div本身
所以它应该是：
$(document).ready(function() {
$("#one a").click(function() {
$("#hideme").toggle();
});
});
