您好,登錄后才能下訂單哦!
JavaScript 框架庫 - jQuery
jQuery是JS的一個框架庫,他是把很多JS語法實現的功能進行了封裝,開發人員可以直接調用jQuery的方法。
如何使用:
要使用jQuery的某個庫,必須在<script></script>標簽中先引入該庫文件(該庫文件在jquery官網下載),例如:
<!DOCTYPE html> <html> <head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script></head> <body> </body> </html>
或者:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script src="/static/inspinia/js/jquery-2.1.1.js"></script> <script src="/static/inspinia/js/bootstrap.min.js"></script> <script src="/static/inspinia/js/plugins/metisMenu/jquery.metisMenu.js"></script>
jQuery能實現什么功能?
我們可以通過使用 jQuery 應用 JavaScript 效果。
jQuery 是一個“寫的更少,但做的更多”的輕量級 JavaScript 庫。
基本上,你將學習到如何選取 HTML 元素,以及如何對它們執行類似隱藏、移動以及操作其內容等任務
以下是jQuery的所有方法,
http://www.php100.com/manual/jquery/
實例:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title></title> </head> <body><p>I want to say:</p> <input type="button" id='addId' value="追加"> </body> <script src="js/jquery-3.1.1.js"></script> <script src="js/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(function(){ $('#addId').click(function(){ $('p').append('alex'); }); }) </script> </html>
$(function(){ Foo(); Bar(); })
表示web頁面一加載完后就會執行Foo( )和Bar( )函數。
上面的例子,我們給ID=addId的標簽綁定了一個事件(click事件),當點擊“追加”按鈕時,會在所有<p>標簽的文本后面加上“alex”字符串。
測試:
打開頁面時
點擊追加按鈕后:
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。