## 什么是jQuery * jQuery是一種第三方類庫，用于補充JavaScript的不足。 * 第三方類庫：是對同種編程語言的補充，提供更多方便的函數供調用者使用，絕大部分網站都會涉及到第三方類庫，這些類庫會極大地方便我們的編程，讓編程變得更容易。有時候也說這些第三方類庫是講原先的編程語言給**封裝**起來了。有些時候可以認為這些第三方類庫是“框架”或“腳手架” * JavaScript本身是有一些局限性的，比如瀏覽器的兼容性，dom操作的復雜性，于是出現了很多的第三方類庫（通過JavaScript建立的）可以解決這些問題。 * jQuery是目前最流行的JavaScript框架，write less,do more ## 文檔就緒事件 為了防止頁面未加載完畢，就去調用jQuery代碼，可以使用read()方法，去執行文檔的就緒事件，類似于window.onload. ~~~javascript //文檔就緒事件 //1. 完整寫法 $("document").ready(function() { console.log("aaa"); }); //2. 簡寫 $(function() { $("#first").append("<p>hello,world</p>"); }); ~~~ ## jquery對象 jQuery對象是jQuery獨有的。擁有jQuery里面的方法。·jQuery對象中無法使用DOM對象的任何方法。 DOM對象也不能使用jQuery里面的方法。 ~~~javaScript //jquery對象轉變為DOM對象 var cc = $("#first"); console.log(cc[0]); console.log(cc.get(0)); //DOM對象轉變為jQuery對象 var dd = document.getElementById("first"); console.log($(dd)); ~~~ ## 鏈式編程風格 ~~~JavaScript //鏈式編程風格 //根本原因在于jQuery絕大部分的方法返回的都是jQuery對象,使我們可以繼續的對對象進行操作 $("#fruit").append("<li title='菠蘿'>菠蘿</li>").append("<li title='芒果'>芒果</li>").append("<li title='桃子'>桃子</li>").attr("title","水果"); //在鏈式編程風格中，只要方法一直返回可操作的對象，我們就能一直往下寫。 ~~~ ## jQuery選擇器 jQuery選擇器類似于css選擇器，注意子選擇器和后代選擇器于css選擇器的不同 ## 查找元素節點 直接使用$(選擇器)就可以了 ## 查找屬性節點 先獲取元素節點，再使用attr()方法獲取屬性節點 ## 創建元素節點 使用append()方法創建元素節點 ## 創建屬性節點 使用append()方法，再進行元素的創建時寫入屬性。 也可以通過attr()方法，傳入兩個參數來創建屬性節點。