口號：Write Less Do More

1.解決了瀏覽器兼容性問題
2.封裝了常用的操作，用更少的代碼做更多的事。

引入jQuery

1.使用自己項目中的jquery.min.js。
2.使用CDN服務(wù)器上的jQuery文件。

如何使用jQuery

jQuery對象的本質(zhì)是一個偽數(shù)組

• 有l(wèi)ength屬性
• 可以通過下標獲取數(shù)據(jù)

window.jQuery屬性 --> $

1、$函數(shù)的參數(shù)是一個函數(shù) - 傳入的函數(shù)是頁面加載完成之后要執(zhí)行的回調(diào)函數(shù)

2、$函數(shù)的參數(shù)是選擇器字符串 - 獲得頁面上的標簽而且轉(zhuǎn)換成JQuery對象。
說明：為什么要獲取jQuery對象 - 因為jQuery對象有更多封裝好的方法可供調(diào)用。

• 綁定/反綁定：on()/off()/one()
• 獲取/修改標簽內(nèi)容：text()/html()
• 獲取/修改標簽屬性：attr(name, value)
• 添加子節(jié)點：append()后 / prepend()前面
• 刪除/清空節(jié)點：remove() / empty()
• 修改樣式表：css({'color':'red',……}) - 修改多個樣式 （一個參數(shù)是讀樣式，兩個是修改樣式）
• 獲取節(jié)點：parent() / children() / prev() /next()
• 后兩個是兄弟節(jié)點

3、$函數(shù)的參數(shù)是標簽字符串 - 創(chuàng)建標簽并且返回對應(yīng)的jQuery對象。

4、$函數(shù)的參數(shù)是原生JS對象 - 將原生JS對象轉(zhuǎn)換成JQuery對象。

• 如果bar是一個jQuery對象 可以通過bar[0] / bar.get[0]

四種$使用方法例子：

        <script>
            $(function(){
                function deleteItem(evt){
                    $(evt.target).parent().remove();
                }
                $("#fruits a").on("click",deleteItem);
                $("#ok").on("click",function(){
                    var fruitName = $("#container input[name=fruit]").val().trim();
                    if (fruitName.length > 0)   {
                        $("#fruits").append($("<li>").text(fruitName).append($("<a>").text("x").attr("href","javascript:viod(0);").on("click",deleteItem)));
                    }
                });
            });
        </script>

具體jQuery用法可以參考：jQuery API 手冊