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()：設定或回傳所選元素的寬度
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/4031.html
標籤：jQuery