1、什么是jQuery

康巴什網(wǎng)站建設公司成都創(chuàng)新互聯(lián)公司,康巴什網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為康巴什數(shù)千家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務好的康巴什做網(wǎng)站的公司定做！

jQuery就是一個Javascript函數(shù)庫，沒什么特別的

2、常見的Javascript框架庫

2.1、什么是Javascript框架庫

普通Javascript的缺點：每種控件的操作方式不統(tǒng)一，不同瀏覽器下有區(qū)別，要編寫跨瀏覽器的程序非常麻煩。因此，出現(xiàn)了很多對Javascript的封裝庫。

2.2、常見的Javascript框架庫

Prototype、YUI、Dojo、ExtJS、jQuery等，這些庫對Javascript進行了封裝，簡化了開發(fā)。這些庫是對Javascript的封裝，內(nèi)部都是用Javascript實現(xiàn)的。

2.3、jQuery與Javascript的關系

jQuery就是Javascript語法寫的一些函數(shù)類，內(nèi)部仍然是調(diào)用Javascript實現(xiàn)的，所以并不是代替Javascript。使用jQuery的代碼、編寫jQuery的擴展插件等仍然需要Javascript的技術，jQuery本身就是一堆Javascript函數(shù)。jQuery是最火的Javascript庫，jQuery的擴展插件也是非常多。

3、jQuery的特點

（1）很好的解決了不同瀏覽器的兼容問題

（2）對于不同控件具有統(tǒng)一的操作方式

（3）體積?。◣资甂B）、使用方便（Write Less, Do More）

（4）鏈式編程$('#div1').draggble().show().hide().fly();

（5）隱式迭代

（6）插件豐富、開源、免費

4、jQuery中的頂級對象$

jQuery中最常用的對象即$對象，要想使用jQuery的方法必須通過$對象。只有將普通DOM對象封裝成jQuery對象，然后才能調(diào)用jQuery中的各種方法。

$是jQuery的簡寫，在代碼中可以使用jQuery代替$，但一般為了方便，大家都直接使用$。

4.1、$(fn) or $(document).ready(fn)

$();相當于js的window，簡單（由于字符少）省流量，快

jQuery();寫法不同，但是意義一樣

document，直接寫表示的是document對象，只能點出doc的屬性和方法

$(document)表示的是jQuery對象，只能點出jQuery的屬性和方法

通過Javascript的window.onload實現(xiàn)彈框alert，也可以通過jQuery的方式實現(xiàn)

$(document).ready(fn);

另外，$(fn); 等價于$(document).ready(fn);

4.2、window.onload與$(document).read(fn);的區(qū)別

（1）觸發(fā)時機

window.onload需要等待頁面完全加載完畢才會觸發(fā)，即所有DOM元素創(chuàng)建完畢、圖片、CSS等都加載完畢后被觸發(fā)。

$(document).ready()只要DOM元素加載完畢即觸發(fā)，這樣可以提高響應速度。

（2）多次注冊事件

$(document).ready();可以多次注冊事件處理程序，并且最終都會執(zhí)行。

window.onload每次注冊新的事件處理程序時都會將前面的覆蓋掉。

（3）對應關系

Javascript中的window.onload等價于jQuery中的$(window).load(fn);

jQuery中注冊事件是load(fn)，而不是onload(fn)，與DOM不一樣

4.3、頁面加載完成示例

（1）通過js的onload

    
    
    
    
        onload=function(){
            alert("頁面加載完成了");
        };
    

（2）通過jQuery的$(document).reay()

    
    
    
    
        $(document).ready(function () {
            alert("頁面加載完成了");
        });
    

（3）通過jQuery的$(window).load()

    
    
    
    
        $(window).load(function () {
            alert("頁面加載完成了");
        });
    

（4）通過jQuery的$(function(){});

    
    
    
    
        $(function () {
            alert("頁面加載完成了");
        });