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判斷選擇的select是最後一個

思路 判斷select的值是否與最後一個option的值一致即可,示例 select val select option last val select val 獲取select的選中值。select option last 獲取最後一個option選項。例項演示如下 1 html結構。option...

html中使用jquery和css,js的方法

簡單說下 css 1 css有行內樣式 內聯樣式 外聯樣式。當然你還要學會選擇器的語法和作用 1.1 行內樣式 就是在標籤中定義,如 1.2 內聯樣式 就是在中定義,如 1.3 外聯樣式 就是引入外部樣式檔案,如 2 js 前提是會js語法 2.1 使用js 2.1.1 定義 html檔案定義 或者...

jquery 怎樣判斷select的值

獲取select 選中的 text jquery select1 option selected text 獲取select選中的 value ddlregtype val 獲取select選中的索引 ddlregtype get 0 selectedindex 彈出選中值顯示。希望對你有幫助,望採...