DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> Jquery實現控件的隱藏和顯示實例
Jquery實現控件的隱藏和顯示實例
編輯:JavaScript綜合知識     

 本篇文章主要是對Jquery實現控件的隱藏和顯示實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

 代碼如下: <!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=gb2312" /> <title>jquery</title> <script type="text/javascript" src="jquery-1[1].3.2.min.js"></script> <style type="text/css"> .big{ font-size:30px; color:#FF0000;} </style>   <script type="text/javascript">   $(function(){ $('#click_event').click(function(){  $('#click_event').html(''); if($('#hidden_enent').is(':hidden')) {  $('#hidden_enent').show();  $('#click_event').html('隱藏'); } else {  $('#hidden_enent').hide();  $('#click_event').html('顯示');  } }) }) </script> </head>   <body> <div id="click_event" style="cursor:pointer">隱藏</div> <div id="hidden_enent">測試隱藏</div> </body> </html>  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved