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