Jquery Common.js是一款非常流行的Javascript庫,在前端開發中使用廣泛。它的主要特點是簡單易用,提供了很多便捷的api,可以幫助開發者實現各種復雜的交互效果。
下面是一個使用Jquery Common.js實現點擊按鈕時顯示隱藏文字的例子:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Jquery Common.js Demo</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery-commonjs/1.0.0/jquery.common.js"></script> </head> <body> <button id="btn">顯示隱藏</button> <p id="text" style="display:none;">這是要顯示隱藏的文字</p> <script> $(document).ready(function(){ $('#btn').click(function(){ $('#text').toggle(); }); }); </script> </body> </html>
首先,需要在head標簽中引入Jquery庫和Jquery Common.js庫。代碼中使用了document.ready()函數,當網頁加載完成后,執行內部的邏輯。當點擊按鈕時,使用toggle()函數來切換顯示和隱藏。