一、jQuery是什麼 1.jQuery是一套JavaScript腳本庫，而不是框架；就好比“System是程式集”是類庫，而“ASP.NET MVC”是框架； 2.jQuery並不能幫助我們解決腳本引用管理和功能管理，這些都是框架要做的事； 3.腳本庫能幫助我們完成編碼邏輯，實現業務功能 二、jQ...
一、jQuery是什麼
1.jQuery是一套JavaScript腳本庫，而不是框架；就好比“System是程式集”是類庫，而“ASP.NET MVC”是框架；
2.jQuery並不能幫助我們解決腳本引用管理和功能管理，這些都是框架要做的事；
3.腳本庫能幫助我們完成編碼邏輯，實現業務功能
二、jQuery有什麼特點
1.使用功能函數，快速開發
2.解決瀏覽器相容性問題
3.提供各種動畫功能，豐富的UI
4.糾正錯誤的腳本知識，可以避免js不規範
三、下載jQuery類庫
1.直接通過nuget獲取
四、開發過程
編寫如下html
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="../Scripts/jquery-2.2.1.js"></script> <script> $(function () { $("#btnShow").bind("click", function (event) { $("#divMsg").show(); }); $("#btnHide").bind("click", function (event) { $("#divMsg").hide(); }); $("#btnChange").bind("click", function (event) { $("#divMsg").html("Hello World,too"); }); }); </script> </head> <body> <div id="divMsg">Hello World</div> <input id="btnShow" type="button" value="顯示" /> <input id="btnHide" type="button" value="隱藏" /> <input id="btnChange" type="button" value="修改內容為Hello World,too" /> </body> </html>
五、代碼說明
(1)使用了jQuery的Id選擇器：$(“#btnShow”)
(2)使用了事件綁定函數：bind()
(3)顯示和隱藏函數：show()和hide()
(4)修改元素內部html函數：html()
六、參考文章
http://www.cnblogs.com/zhangziqiu/archive/2009/04/30/jQuery-Learn-1.html
