1. 什么是 jQuery
jQuery是一個JavaScript函式庫。
jQuery是一個輕量級的"寫的少，做的多"的JavaScript庫，所以jQuery庫本質上
還是JavaScript代碼，它只是對JavaScript語言進行包裝處理。
通過jQuery處理DOM的操作，可以讓開發者更專注業務邏輯的開發。
jQuery不需要特別的安裝，只需要我們在頁面標簽內中，通過<script>標簽引入jQuery庫即可：
jQuery語法是通過選取 HTML 元素，并對選取的元素執行某些操作
基礎語法：$(selector).action();
$美元符號定義jQuery
- selector：選擇符需要查找的元素
- action()：執行對元素的操作
例：
2. jQuery物件與JS中的DOM物件
在JQuery庫中，可以通過JQuery自帶的方法獲取頁面元素的物件叫做JQurey物件
比如：
DOM物件與jQuery物件的區別：
1.DOM物件是通過原生的JS獲取的物件，DOM物件只能使用JS中的方法和屬性
2.jQuery物件是通過jQuery包裝DOM物件后產生的物件，它是jQuery獨有的。
jQuery可以使用jQuery庫里面的方法，但是不能使用JS中的方法；
JS物件jquery物件都只能只能呼叫本身提供的方法和屬性，不能混用對方的方法和屬性；
jQuery鏈式寫法：
3. DOM物件與jQuery物件之間的轉換
① DOM物件轉換為jQuery物件
例：
② jQuery物件轉換為一個DOM物件
例：
使用jQuery中的get()方法，提供一個索引就可以進行轉換
例:
4.jQuery常用選擇器
① ID選擇器：$("#id")：ID是唯一的，同樣的id只能使用一次
② class選擇器 $(".classname")：類選擇器，可以多選，但效率沒有id選擇器高
③ element元素選擇器 $("標簽名稱")：搜索指定元素標簽名的所有節點，這個是一個合集的操作。
5. jQuery中獲取屬性的方法
① 獲取或則設定屬性attr() ：attr()方法來獲取和設定元素屬性
例：
② 移出屬性removeAttr(name)
例：
③ 獲取或則設定屬性prop()
例：
④ 移出屬性removeProp(name)
例：
經過使用發現Attr和Prop似乎差不多，其實二者是有區別的：
attr是HTML中就有的，是元素的選項|附加項，值只能為string型別，可使用自定義屬性；
prop值型別多樣化，可以訪問DOM物件中的屬性，因為它本身就是物件的成員
6.jQuery中動態操作class
① addClass()：為每個匹配的元素添加指定的類名
例：
② removeClass()：從所有匹配的元素中洗掉全部或者指定的類
③ toggleClass()：如果存在就洗掉一個類/如果不存在就添加一個類
7. jQuery中操作屬性的方法
① html()：取得第一個匹配元素的html內容
例：
② text()：取得所有匹配元素的內容
例：
③ val()：獲得匹配元素的當前value值
例：
經過使用發現html和text似乎差不多，其實二者是有區別的：
html處理的是元素內容，text處理的是文本內容
如果處理的物件只有一個子文本節點，那么html處理的結果與text是一樣的
8.jQuery中操作樣式的方法
① css()：訪問匹配元素的樣式屬性
例：
② width()：取得匹配元素當前計算的寬度值（px）
例：
③ height()：取得匹配元素當前計算的高度值（px）
例：
下面是關于高度是否包含內外邊框的高度獲取，這里就不一一列舉了
innerWidth()：獲取第一個匹配元素內部區域寬度（包括內邊距、不包括邊框）
innerHeight()：獲取第一個匹配元素內部區域高度（包括內邊距、不包括邊框）
outerWidth()：獲取第一個匹配元素外部高度（默認包括內邊距和邊框）
outerHeight()：獲取第一個匹配元素外部高度（默認包括內邊距和邊框）。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/56065.html
標籤：非技術區
上一篇：jQuery基礎使用與樣式篇
下一篇：BeanUtils匯入包還是出錯