最近因為個人的需要，跑去惡補一下JQuery的使用方法(千锋Web前端教程)
JQuery是一個Javascript框架，並且有許多library可以使用，也有需多工具會需要使用JQuery來執行；從字面上來看JQuery就是JavaScript與Query的組合。
宗旨
JQuery宗旨是"寫得少，做得多" (Write Less, Do More)，簡化JS的操作、提供兼容性跟大量的使用方法；目前1.0版可以兼容IE 8，而2.0開始只有IE 8以上才可以使用
設計思想 - 選擇網頁元素
1. 模擬CSS選擇元素 - 各種css選擇器寫法，都適用於CSS
// $(CSS選擇器(字串)).css(屬性(字串),值(字串))$('#div1').css('backgroundColor', 'red') $('.box').css('backgroundColor', 'red')
$('ul li').css('backgroundColor', 'blue') $('[name=hello]').css('backgroundColor', 'yellow')
2. 獨有表達式選擇 - 除了CSS選擇器寫法，也有自己的表達式
// 選第一個、最後一個元素
$('li:first').css('backgroundColor','red') $('li:last').css('backgroundColor','blue')// 選奇偶數元素
$('li:even').css('backgroundColor', 'blue')
$('li:odd').css('backgroundColor', 'red')選擇特定位置的子元素，使用 :eq(元素位置)
例如選擇第一個元素eq(0)
$('li:eq(0)').css('backgroundColor', 'red')
3. 多種篩選方法
$('li:eq(2)') // 得到03，選擇第三個li標籤
$('li').eq(2) // 得到03，等同上面的寫法$('li.box') // 得到02、04，選擇class為box的li標籤
$('li').filter('.box') // 得到02、04，等同上面的寫法
設計思想 — JQuery寫法
1. 方法函式化
2. 鍊式操作
3. 取值賦值合體，可以一併使用
設計思想-JQuery與JS
可以共存但不能混用：例如使用JQ，裡面不能使用JS的方法，要使用JQ專有的方法
// 錯誤寫法
$(#div1).innerHTML
// 正確寫法
$(#div1).html()