引用百科的介紹:
jQuery是繼prototype之后又一個優秀的Javascript框架。它是輕量級的js庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標準通用標記語言下的一個應用)、events、實現動畫效果,并且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離,也就是說,不用再在html里面插入一堆js來調用命令了,只需定義id即可。
The Write Less,Do More(寫更少,做更多),無疑就是jQuery的核心理念,簡潔的API、優雅的鏈式、強大的查詢與便捷的操作。從而把jQuery打造成前端世界的一把利劍,所向披靡!
簡潔的API:
$.on $.css $.ajax ….
優雅的鏈式:
var jqxhr = $.ajax( "example.php" ) .done(function() { alert("success"); }) .fail(function() { alert("error"); }) .always(function() { alert("complete"); });
強大的選擇器:
$("div, span, p.myClass" ) $("div span:first-child") $("tr:visible") …
便捷的操作:
$("p").removeClass("myClass noClass").addClass("yourClass"); $("ul li:last").addClass(function(index) { return"item-" + index; }); $('.container').append($('h2')); …
為什么要做jQuery源碼解析?
雖然jQuery的文檔很完善,潛意識降低了前端開發的入門的門檻,要實現一個動畫隨手拈來,只要簡單的調用一個animate方法傳遞幾個執行的參數即可,但如果要我們自己實現一個定制的動畫呢?我們要考慮的問題太多太多了,瀏覽器兼容、各種屬性的獲取、邏輯流程、性能等等,這些才是前端開發的基礎核心。
如果我們只知道使用jQuery,而不知道其原理,那就是“知其然,而不知其所以然”,說了這么多,那就趕快跟著慕課網進入“高大上”之旅吧,深入來探究jQuery的內部架構!
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報