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=\'#\'" 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(); });});

本文出自 “SG-YYZ” 部落格，請務必保留此出處http://sgyyz.blog.51cto.com/5069360/1297945