<!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>隐藏事件</title> <script src="jquery-1.11.2.min.js"></script> <script> /*//隐藏当前内容 $(document).ready(function() { $("div").click(function(){ $(this).hide()}); });*/ /*//隐藏<div>内容 $(document).ready(function() { $("form").click(function(){ $("div").hide()}); });*/ /*//隐藏id="text"的内容 $(document).ready(function() { $("form").click(function(){ $("#text").hide()}); });*/ /*//隐藏class="text"的内容 $(document).ready(function() { $("form").click(function(){ $(".text").hide()}); });*/ $(document).ready(function(e) { $ }); </script> </head> <body> <!--隐藏事件--> <div>如果点击我,我会消失</div> <div class="text">点击我,消失</div> <div id="text">还要点击</div> <form><input type="button" value="点击" /></form> </body> </html>