jQuery是如何判斷HTML頁面載入完畢的?它的原理是什

時間 2021-07-08 22:16:22

1樓:淋漓盡致的

jquery是一個輕量級的js框架,這點相信大部分人都聽過,而jquery之所以有這樣一個稱呼,就是因為它悄悄披了一件外衣,將自己給隱藏了起來。

//以下擷取自jquery原始碼片段(function( window, undefined ) )( window );

上面這一小段**來自於1.9.0當中jquery的原始碼,它是一個無汙染的js外掛的標準寫法,專業名詞叫閉包。

可以把它簡單的看做是一個函式,與普通函式不同的是,這個函式沒有名字,而且會立即執行,就像下面這樣,會直接彈出字串。

(function( window, undefined ) )( window );

可以看出來這樣寫的直接效果,就相當於我們直接彈出一個字串。但是不同的是,我們將裡面的變數變成了局域變數,這不僅可以提高執行速度,更重要的是我們在引用jquery的js檔案時,不會因為jquery當中的變數太多,而與其它的js框架的變數命名產生衝突。對於這一點,我們拿以下這一小段**來說明。

var temp = "hello world!";

(function( window, undefined ) )( window );

alert(temp);

這段**的執行結果是hello而不是byebye,也就是說閉包中的變數宣告沒有汙染到外面的全域性變數,倘若我們去掉閉包,則最終的結果會是byebye,就像下面這樣。

var temp = "hello world!";//    (function( window, undefined ) )( window );

alert(temp);

由此就可以看出來,jquery的外衣就是這一層閉包,它是很重要的一個內容,是編寫js框架必須知道的知識,它可以幫助我們隱藏我們的臨時變數,降低汙染。

2樓:匿名使用者

jquery在

當 dom(文件物件模型) 已經載入,並且頁面(包括影象)已經完全呈現時,會發生 ready 事件。

$(document).ready()是向window.load事件註冊事件的替代方法

即利用window.load事件.你讀一下jquery的源**就可以看到.

window.addeventlistener( "load", jquery.ready, false );

注:我讀的是jquery1.6版本的原始碼.

jquery是如何判斷html頁面載入完畢的它的原理是

jquery在 當 dom 文件物件模型 已經載入,並且頁面 包括影象 已經完全呈現時,會發生 ready 事件。document ready 是向window.load事件註冊事件的替代方法 即利用window.load事件.你讀一下jquery的源 就可以看到.window.addeventli...

jquery判斷元素是否存在,jQuery怎麼判斷某個元素是否存在

jquery裡要判斷元素是否存在,兩種方法 一種,用length屬性來判斷 id length 0?存在 不存在 方法二 把jquery物件轉換成js物件就可 if id 0 else ps 關於jquery物件和js的dom物件之間的轉換,可以參考這篇文章 網頁鏈結 判斷是否存在特定id值的元素 ...

jquery判斷元素是否存在,jquery判斷乙個元素是否存在

北漂碼農 可以使用length屬性來判斷乙個元素是否存在,獲取乙個元素後,如果該物件的length大於零則該元素存在否則不存在。工具原料 編輯器 瀏覽器 1 使用jquery選擇器選擇乙個元素然後判斷其length的值,length大於零則該元素存在否則不存在,如下 2 執行的結果如下 艾可兒 id...