jQuery入門
1）了解jQuery的背景和特點
2）理解js對象和jQuery對象的區(qū)別
1）jQuery是什么
John Resig在2006年1月發(fā)布的一款跨主流瀏覽器的JavaScript庫，簡化JavaScript對HTML操作
參見<<什么是jQuery.JPG>>
2）為什么要使用jQuery
（1）寫少代碼,做多事情【write less do more】
（2）免費，開源且輕量級的js庫，容量很小
注意：項目中，提倡引用min版的js庫
（3）兼容市面上主流瀏覽器，例如 IE，F(xiàn)irefox，Chrome
注意：jQuery不是將所有JS全部封裝，只是有選擇的封裝
（4）能夠處理HTML/JSP/XML、CSS、DOM、事件、實現(xiàn)動畫效果，也能提供異步AJAX功能
（5）文檔手冊很全，很詳細
（6）成熟的插件可供選擇
（7）提倡對主要的html標簽提供一個id屬性，但不是必須的
（8）出錯后，有一定的提示信息
（9）不用再在html里面通過<script>標簽插入一大堆js來調(diào)用命令了
3）jQuery開發(fā)入門
（1）引用第三方j(luò)s庫文件，<script type="text/javascript" src="js/jquery-1.8.2.js" />
（2）查閱并使用api手冊，$("#divID").html()/val()/text()/css("color","red")/....
4）js對象和jQuery對象相互轉(zhuǎn)換
（1）什么是js對象及代碼規(guī)則
就是使用js-API，即Node接口中的API或是傳統(tǒng)JS語法定義的對象，叫做js對象
js代碼規(guī)則----divElement
var divElement = document.getElementById("divID");
var nameArray = new Array(3);
（2）什么是jQuery對象及代碼規(guī)則
就是使用jQuery-API，返回的對象就叫做jQuery對象
jQuery代碼規(guī)則----$div
var $div = $("#divID")
聲明：上述代碼規(guī)則，只是個人規(guī)則，不代表所有企業(yè)都這樣做
（3）js對象轉(zhuǎn)成jQuery對象【重點】
語法：$(js對象)---->jQuery對象
例如：$(divElement)---->$div
例如：$(this)---->$this
注意：jQuery對象將js對象做了封裝，js對象兩邊無引號
（4）jQuery對象轉(zhuǎn)成js對象
語法1：jQuery對象[下標，從0開始]
語法2：jQuery對象.get(下標，從0開始)
例如：$div[0]---->divElement
注意：不同的對象只能調(diào)用對應(yīng)的api方法，即jQuery對象不能調(diào)用js對象的api，反之亦然
$div.innerHTML（錯）
divElement.html(錯)
5）js對象和jQuery對象的區(qū)別
（1）js對象的三種基本定位方式
（A）通過ID屬性：document.getElementById()
（B）通過NAME屬性：document.getElementsByName()
（C）通過標簽名：document.getElementsByTagName()
（2）jQuery對象的三種基本定位方式
（A）通過ID屬性：("標簽名")
（C）通過CLASS屬性：$(".樣式名")
（3）js對象出錯的顯示
沒有合理的提示信息
例如：alert(document.getElementById("usernameIDD").value)
（4）jQuery對象出錯的顯示
有合理的提示信息，例如：undefined
例如：alert($("#usernameIDD").val())
6）jQuery中常用方法
目的：通過方法，能操作web頁面（HTML/JSP）中的任何標簽
（1）val()：獲取標簽的value屬性值，前提是該標簽有value屬性
（2）html()：獲取標簽之間的內(nèi)容，不能用運于xml文件
（3）text()：獲取標簽之間的內(nèi)容，可以用運于html/jsp和xml文件，(提倡)
（4）css()：加key-value形成的css樣式
（5）size()：獲取jQuery對象/數(shù)組中元素的個數(shù)，提倡
（6）length：獲取jQuery對象/數(shù)組中元素的個數(shù)
注意：在寫jQuery代碼時，不光可以使用jQuery的API，還能使用傳統(tǒng)JS的API
