jQuery實現的點選元素隱藏和顯示
本章節分享一段簡單的程式碼例項,它實現了對指定元素的隱藏和顯示的控制。
程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> p{ width:300px; height:150px; text-align:center; line-height:150px; background:#CCC; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function(){ $("#antzone").hide(); }); $("#show").click(function(){ $("#antzone").show(); }); }); </script> </head> <body> <p id="antzone">螞蟻部落歡迎您</p> <button id="hide" type="button">隱藏</button> <button id="show" type="button">顯示</button> </body> </html>
上面的程式碼實現了簡單的功能,可能在實際應用中需要的功能是點選一個按鈕實現隱藏和顯示的控制。
具體可以參閱利用jQuery使用一個按鈕實現控制元素的顯示與隱藏一章節。
相關文章
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- jQuery點選頁面其他地方隱藏顯示的元素jQuery
- jquery點選按鈕顯示和隱藏DIvjQuery
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- 點選按鈕實現div的顯示和隱藏
- jQuery 實現顯示與隱藏效果jQuery
- jQuery 效果 – 隱藏和顯示jQuery
- jquery使用一個按鈕實現控制元素的顯示與隱藏jQuery
- 教你三種jQuery框架實現元素顯示及隱藏動畫方式jQuery框架動畫
- 點選按鈕實現隱藏和顯示的切換程式碼
- 點選元素實現當前元素隱藏效果
- CSS點選隱藏和顯示div效果CSS
- JavaScript點選切換div的顯示和隱藏JavaScript
- js實現的點選顯示或者隱藏相關內容JS
- 點選按鈕顯示或者隱藏元素例項程式碼
- javascript實現的點選當前元素隱藏效果JavaScript
- 點選按鈕動畫方式隱藏和顯示div動畫
- js實現的點選一個div顯示,其他div隱藏效果JS
- jquery判斷一個元素是隱藏還是顯示jQuery
- 點選實現隱藏元素本身程式碼例項
- JavaScript 點選一個按鈕 div的隱藏和顯示JavaScript
- JavaScript點選一個按鈕隱藏和顯示divJavaScript
- 元素的隱藏和顯示(display ,visibility ,overflow)
- JavaScript動畫方式控制div元素的隱藏和顯示JavaScript動畫
- jQuery動畫的顯示與隱藏效果jQuery動畫
- jQuery動畫的顯示與隱藏效果!jQuery動畫
- js元素在中心點由小變大顯示效果和隱藏JS
- HTML+CSS+JQuery實現下拉選單滑鼠懸浮顯示下拉選單,取消隱藏HTMLCSSjQuery
- jQuery側邊欄隱藏和顯示導航jQuery
- 點選同一按鈕實現div的隱藏與顯示切換
- view的隱藏和顯示View
- js下拉框實現div顯示和隱藏JS
- jQuery table表格tr行顯示隱藏jQuery
- jQuery控制div顯示和隱藏程式碼例項jQuery
- JS實現點選引數皮膚按鈕顯示或隱藏資料JS
- 點選開關顯示或者隱藏input文字框
- MacOS X隱藏和顯示隱藏檔案Mac
- Mac顯示和隱藏“隱藏檔案”命令Mac