-
個人理解:這里腳本解析二在DOMContentLoaded回調(diào)前執(zhí)行的原因是:頁面加載時,會先執(zhí)行jQuery的ready入口函數(shù),之后再去綁定其它DOM事件查看全部
-
jQuery的13個模塊 // 核心方法 // 回調(diào)系統(tǒng) // 異步隊列 // 數(shù)據(jù)緩存 // 隊列操作 // 選擇器引 // 屬性操作 // 節(jié)點遍歷 // 文檔處理 // 樣式操作 // 屬性操作 // 事件體系 // AJAX交互 // 動畫引擎 ;(function(gloabal,factory){ factory(global); }()); 開頭的分號符是為了避免跟其它文件壓縮合并或執(zhí)行時發(fā)生錯誤。 jQuery文檔針對業(yè)務(wù)層的Ajax的處理提供了一系列的門面接口: .ajaxComplete() .ajaxError() .ajaxSend() .ajaxStart() .ajaxStop() .ajaxSuccess() 底層接口: jQuery.ajax() jQuery.ajaxSetup() 快捷方法: jQuery.get() jQuery.getJSON() jQuery.getScript() jQuery.post()查看全部
-
jQuery('#id').value=>查看全部
-
立即調(diào)用表達(dá)式 任何庫與框架設(shè)計的第一個要點就是解決命名空間與變量污染的問題。jQuery就是利用了JavaScript函數(shù)作用域的特性,采用立即調(diào)用表達(dá)式包裹了自身的方法來解決這個問題。 jQuery的立即調(diào)用函數(shù)表達(dá)式的寫法有三種: 寫法1: (function(window, factory) { factory(window) }(this, function() { return function() { //jQuery的調(diào)用 } })) 可以看出上面的代碼中嵌套了2個函數(shù),而且把一個函數(shù)作為參數(shù)傳遞到另一個函數(shù)中并且執(zhí)行,這種方法有點復(fù)雜,我們簡化一下寫法: 寫法2: var factory = function(){ return function(){ //執(zhí)行方法 } } var jQuery = factory(); 上面的代碼效果和方法1是等同的,但是這個factory有點變成了簡單的工廠方法模式,需要自己調(diào)用,不像是一個單例的jQuery類,所以我們需要改成“自執(zhí)行”,而不是另外調(diào)用。 寫法3: (function(window, undefined) { var jQuery = function() {} // ... window.jQuery = window.$ = jQuery; })(window);查看全部
-
// 核心方法 // 回調(diào)系統(tǒng) // 異步隊列 // 數(shù)據(jù)緩存 // 隊列操作 // 選擇器引 // 屬性操作 // 節(jié)點遍歷 // 文檔處理 // 樣式操作 // 屬性操作 // 事件體系 // AJAX交互 // 動畫引擎查看全部
-
The Write Less,Do More(寫更少,做更多),無疑就是jQuery的核心理念,簡潔的API、優(yōu)雅的鏈?zhǔn)?、?qiáng)大的查詢與便捷的操作。從而把jQuery打造成前端世界的一把利劍,所向披靡! 簡潔的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'));查看全部
-
DOM文檔加載步驟: 1. 解析HTML結(jié)構(gòu) 2. 加載外部腳本和樣式表文件 3. 解析并執(zhí)行腳本代碼 4. 構(gòu)造HTML DOM模型 // ready 4完成后,$(document).ready(function() {//...}); 或 $(function() {//...})執(zhí)行 5. 加載圖片等外部文件 6. 頁面加載完畢 // load 6完成后,$(document).load(function() {//...});執(zhí)行查看全部
-
// 核心方法 // 回調(diào)系統(tǒng) // 異步隊列 // 數(shù)據(jù)緩存 // 隊列操作 // 選擇器引 // 屬性操作 // 節(jié)點遍歷 // 文檔處理 // 樣式操作 // 屬性操作 // 事件體系 // AJAX交互 // 動畫引擎查看全部
-
在一個jquery對象的基礎(chǔ)上,查找另一個jquery對象,這個新的jquery對象有一個prevObject屬性,這個屬性保存著你上一個jquery對象,end方法就是返回這個屬性,其實每一個jquery對象都有這個屬性,第一次得到的jquery對象(沒有在一個jquery對象的基礎(chǔ)上查找的jquery對象),也有prevObject屬性($(null))查看全部
-
test查看全部
-
做個筆記查看全部
-
Undefined類型只有一個值,即undefined。當(dāng)聲明的變量還未被初始化時,變量的默認(rèn)值為undefined。 Null類型也只有一個值,即null。null用來表示尚未存在的對象,常用來表示函數(shù)企圖返回一個不存在的對象。查看全部
-
document.addEventListener("DOMContentLoaded", function() { show('DOMContentLoaded回調(diào)') }, false); window.addEventListener("load", function() { show('loadwindow.frameElement == nul事件回調(diào)') }, false);查看全部
-
jQuery使用()將匿名函數(shù)括起來,然后后面再加一對小括號(包含參數(shù)列表),那么這小括號能把我們的表達(dá)式組合分塊,并且每一塊(也就是每一對小括號),都有一個返回值。這個返回值實際上也就是小括號中表達(dá)式的返回值。所以,當(dāng)我們用一對小括號把匿名函數(shù)括起來的時候,實際上小括號返回的,就是一個匿名函數(shù)的Function對象。因此,小括號對加上匿名函數(shù)就如同有名字的函數(shù)般被我們?nèi)〉盟囊梦恢昧?。所以如果在這個引用變量后面再加上參數(shù)列表,就會實現(xiàn)普通函數(shù)的調(diào)用形式。查看全部
-
// 點擊測試以后先執(zhí)行oClick(),然后oClick()中的show()會調(diào)用定義過的show(),所以會執(zhí)行$("body").append('<li>' + data + '</li>'),然后頁面上就會打印出ajQuery,因為是li標(biāo)簽,所以ajQuery前面會有個點。沒用過這樣的方法,感覺怪怪的。查看全部
舉報
0/150
提交
取消