溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jQuery如何工作(一)

發(fā)布時間：2020-06-17 19:31:13 來源：網(wǎng)絡(luò) 閱讀：649 作者：sgyyz 欄目：web開發(fā)
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.
});

小知識補(bǔ)充：jQuery阻止事件
當(dāng)我們在做一個點擊事件的時候，我們有時可能會使用使用到<a href="#">Show Pop-up</a>，但是當(dāng)我們點擊鏈接的時候，頁面會發(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();
  });
});


													            

            
向AI問一下細(xì)節(jié)

            
            

            

                
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

                
                
            

            
            
        

        
    




AI
助
手