jquery:庫，框架
????js，別人封裝成的js

官網(wǎng)：http://jquery.com/

1.7

jq 1.X 兼容ie6
jq 2.x 兼容ie9+

怎么來選擇庫：

????基于你公司定位！

穩(wěn)定版本！

準備：
????庫：
????幫助手冊：

原生：

    window.onload=function(){}

    doucment.getElementById（'box'）

jq:

    $(function(){
        
    })

    $('#box')

    hide()---display：none；
    show()---display：block；

    $('#box').addClass('active');添個加一個class

    $('#box').removeClass('active');刪除class

    $('#btn').hover(function(){
        $('#box').show();---鼠標移入
    },function(){
        $('#box').hide();---鼠標移出    
    });


    $('#btn').toggle(function(){---點擊顯示隱藏！
        $('#box').show();
    },function(){
        $('#box').hide();   
    });


    $(function(){-----上滑下滑！
        $('#btn').hover(function(){
            $('#box').slideDown();
        },function(){
            $('#box').slideUp();    
        });
    })

    $(function(){----淡入淡出！
        $('#btn').hover(function(){
            $('#box').fadeIn();
        },function(){
            $('#box').fadeOut();    
        });
    })

結(jié)論：
????原生js：只用系統(tǒng)函數(shù)，自己寫！

????jq：別人寫好的函數(shù)！

回調(diào)函數(shù)：
前一個函數(shù)執(zhí)行完畢以后，再開始執(zhí)行的這個函數(shù)！

jq選擇器：

$('#div1')  獲取一個元素！

$('.red') 獲取一組class！

$('#ul1 .red') 獲取#ul1下面的一組class（red）--具有優(yōu)先級！

$('li') 標簽來獲取一組

偽類選擇器：

    $('li:first')  第一個li

    $('li:last')  最后一個li
    $('li:eq（3）') 第某一個li

    $('li:odd')  奇數(shù)
    $('li:even')  奇數(shù)

特殊：

$('div:has(span)') ---根據(jù)標簽里面包的span標簽來獲取這個標簽div

$('div:contains(智)')---根據(jù)標簽里面的內(nèi)容來獲取這個div！

屬性選擇器：

$('ul li input[type=text]')---通過input屬性來獲取一組input

標簽的內(nèi)容：
????原生：
????????普通：innerHTML
????????表單：value

????jq：
????????普通：html();
????????表單：val();