jQuery如何工作(一)

1. $(document).read(fn)和window.onload = fn區別

window.onload = fn是在頁面完全加載完成之后，才開始執行。這里的完全加載包括圖片、視頻等比較緩慢的資源加載完成之后才開始執行。因此如果我們有一些JS在頁面加載后就開始執行的話，那么會出現頁面開始很亂，等到這些資源都加載完成之后，頁面才會變的如我們想要的那樣。

而jQuery的$(document).read(fn)，只需要在頁面把DOM元素加載完成后便開始執行，這樣用戶就不用看到一個變形的頁面。

2. jQuery頁面加載寫法和$沖突處理

要在DOM加載完成和執行JS代碼，我們可以使用jQuery的ready函數來實現。jQuery提供了兩種寫法：

$(document).ready(fucntion(){

// Your code

});

或者

$(function(){

// Your code

})

在上面的例子中我們都使用jQuery的$來代替jQuery對象。但是有的時候我們會出現其他的JavaScript庫也使用$來代替庫對象。因此在jQuery中一般要么直接使用jQuery對象代替$，要么使用jQuery對象提供的方法：

$.noConflict();

jQuery(document).ready(function($) {

// Code that uses jQuery's $ can follow here.

});

小知識補充：jQuery阻止事件

當我們在做一個點擊事件的時候，我們有時可能會使用使用到<a href="#">Show Pop-up</a>，但是當我們點擊鏈接的時候，頁面會發生跳轉。之前的做法是<a href="void(0);" Pop-up</a>。但是在jQuery使用事件動態為元素定義事件時，我們該如何來處理呢？

如下代碼：

$( document ).ready(function() {$("a" ).click(function( event ) {

alert("As you can see, the link no longer took you to jquery.com" );

event.preventDefault();

});

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容