快速、簡潔的 框架，設計宗旨： _write Less, Do More_ 。 作用：簡化原生 的語法，解決瀏覽器相容性問題。 引入 可以直接引入線上地址，也可以在 [官方網站][1]上下載，然後使用 屬性引入： [1]: https://jquery.com/ 基礎語法： ：`jQuery`對象 ...
jQuery
快速、簡潔的JavaScript框架，設計宗旨：write Less, Do More。
作用：簡化原生js的語法，解決瀏覽器相容性問題。
引入jQuery
可以直接引入線上地址，也可以在jQuery[官方網站][1]上下載，然後使用src屬性引入：
[1]: https://jquery.com/
基礎語法：$(selector).action()
$：jQuery對象selector：選擇器，用於定位HTML元素action()：方法，用於對元素進行操作
文檔就緒函數
//HTML文檔載入完成後，再開始執行該方法裡面的函數
$(document).ready(function(){
//代碼段
})
jQuery選擇器
jQuery選擇器相比原生javascript功能更加強大
元素選擇器
$('#id')：id選擇器，類似document.getElementById("#id")$('.class')：class選擇器，類似document.getElementsByClassName('.class')$('tag')：tag選擇器，類似document.getElementsByTagName('tag')$('tag.class')：父子選擇器
屬性選擇器
$("[attr]")：選取所有帶有attr屬性的元素$("[attr='value']")選取所有帶有attr屬性並值為value的元素$("[attr$='value']")選取所有帶有attr屬性並以value結尾的元素
jQuery事件
事件方法會觸發匹配元素的事件，或將函數綁定到所有匹配元素的某個事件。
常用事件：
ready()：文檔就緒事件，HTML載入完成後調用
bind()：為被選元素添加一個或多個事件處理程式，並規定事件發生時運行的函數
focus()：當元素獲得焦點的時候調用
blur()：當元素失去焦點的時候調用
change()：當元素的值發生改變時調用（僅僅適用於form表單中的text、field、select、textarea）
click()：當點擊元素的時候調用
dblclick()：當雙擊元素的時候調用
keydown()：當鍵盤按鈕被按下時調用
keyup()：當鍵盤按鈕被鬆開時調用
keypress()：當鍵盤按鈕被按下時調用（必須插入字元才能被調用）
mousedown()：當滑鼠指針移動到元素上方，並按下滑鼠按鍵時調用
mouseup()：當在元素上放鬆滑鼠按鈕時調用，常與mousedown()一起使用
mousemove()：當滑鼠指針在指定元素上移動時調用
submit()：當提交表單的時候調用
jQuery是為處理HTML事件而特別設計的，當遵循以下原則時，代碼會更容易維護：
- 把所有
jQuery代碼置於事件處理函數中 - 把所有事件處理函數置於文檔就緒事件處理器中
- 把
jQuery代碼置於單獨的.js文件中
關於DOM
相比原生javascript，jQuery擁有更為強大的可操作HTML元素和屬性的方法。
查找HTML元素
$("#id")$(".class")$("tag")
對元素的操作
append()：在被選元素的結尾插入內容prepend()：在被選元素的開頭插入內容after()：在被選元素之後插入內容before()：在被選元素之前插入內容remove()：刪除被選元素（及其子元素）empty()：從被選元素中刪除子元素
對屬性的操作
attr()：設置或返回所選元素的屬性和值removeAttr()：從所選元素中移除指定的屬性addClass()：為所選元素添加指定的類名removeClass()：為所選元素刪除全部或指定的類hasClass()：判斷所選元素是否擁有指定的類
對文本的操作
text()：設置或返回所選元素的文本內容html()：設置或返回所選元素的內容（包括HTML標記）val()：設置或返回表單欄位的值
對CSS的操作
css()：設置或返回所選元素的樣式屬性height()：設置或返回所選元素的高度width()：設置或返回所選元素的寬度
