jQuery如何工作(一)

1. $(document).read(fn)和window.onload = fn區(qū)別
window.onload = fn是在頁面完全加載完成之后，才開始執(zhí)行。這里的完全加載包括圖片、視頻等比較緩慢的資源加載完成之后才開始執(zhí)行。因此如果我們有一些JS在頁面加載后就開始執(zhí)行的話，那么會出現(xiàn)頁面開始很亂，等到這些資源都加載完成之后，頁面才會變的如我們想要的那樣。
而jQuery的$(document).read(fn)，只需要在頁面把DOM元素加載完成后便開始執(zhí)行，這樣用戶就不用看到一個變形的頁面。
2. jQuery頁面加載寫法和$沖突處理
要在DOM加載完成和執(zhí)行JS代碼，我們可以使用jQuery的ready函數(shù)來實現(xiàn)。jQuery提供了兩種寫法：
$(document).ready(fucntion(){
// Your code
});
或者
$(function(){
// Your code
})
在上面的例子中我們都使用jQuery的$來代替jQuery對象。但是有的時候我們會出現(xiàn)其他的JavaScript庫也使用$來代替庫對象。因此在jQuery中一般要么直接使用jQuery對象代替$，要么使用jQuery對象提供的方法：
$.noConflict();
jQuery(document).ready(function($) {
// Code that uses jQuery's $ can follow here.
});

小知識補充：jQuery阻止事件
當我們在做一個點擊事件的時候，我們有時可能會使用使用到<a href="#">Show Pop-up</a>，但是當我們點擊鏈接的時候，頁面會發(fā)生跳轉(zhuǎn)。之前的做法是<a href="void(0);"   Pop-up</a>。但是在jQuery使用事件動態(tài)為元素定義事件時，我們該如何來處理呢？
如下代碼：
$( document ).ready(function() {$("a" ).click(function( event ) {
  alert("As you can see, the link no longer took you to jquery.com" );
  event.preventDefault();
  });
});
            

                本文名稱：jQuery如何工作(一)
                

                文章轉(zhuǎn)載：http://muchs.cn/article0/gescoo.html
            

            

                成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設、建站公司、品牌網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)站制作、動態(tài)網(wǎng)站            

            

                廣告
                
            

            

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

        

        
    


    

        網(wǎng)站托管運營