1116 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 2 
 3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 <html xmlns="http://www.w3.org/1999/xhtml">
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 7 <title>无标题文档</title>
 8 
 9 <script type="application/javascript" src="js/jquery-1.11.3.js">
10 
11 </script>
12 
13 <script type="application/javascript">
14 $(document).ready(function(){
15     
16 $('#hide').click(function(){$('p').hide();});
17 $('#show').click(function(){$('p').show();});
18 
19 }
20 )
21 
22 
23 
24 
25 </script>
26 
27 </head>
28 
29 <body>
30 
31 <p>冒险</p>
32 
33 <input id="hide" type="button" value="隐藏" />
34 
35 
36 <input id="show" type="button" value="显示" />
37 
38 
39 <p>显示的内容</p>
40 <p class="a">显示的内容2</p>
41 <div class="a">div标签</div>
42 
43 
44 <input id="hide" onclick="$(this).click($('.a').fadeToggle(2000))" 
45 
46 type="button" value="隐藏" />
47 
48 <input id="show" onclick="$(this).click($('.a').show())" type="button" 
49 
50 value="显示" />
51 
52 </body>
53 </html>

 

posted @ 2015-11-16 22:08  雨鹭  阅读(217)  评论(0)    收藏  举报