jQuery如何工作(一)

發布時間：2020-06-17 19:31:13 來源：網絡閱讀：656 作者：sgyyz 欄目：web開發

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();

});

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站