4.jQuery 屬性操作
2021年8月15日
16:48
4.1 設定或獲取元素固有 prop()
所謂元素固有屬性就是元素 本身自帶的屬性，不如<a>元素里面的href，比如<input>元素里面的type，
- 獲取屬性語法
prop("屬性")
- 設定屬性語法
prop("屬性","屬性值")
5.2 設定或獲取元素自定義屬性值 attr()
用戶自己給元素添加的屬性，我們成為自定義屬性，比如給div添加index = “1”，
- 獲取屬性語法
attr("屬性") //類似原生 getAttribute()
- 設定屬性語法
attr("屬性","屬性值") //類似原生 setAttribute()
5.jQuery 內容文本值
2021年8月15日
17:14
主要針對元素的內容還有表單的值操作
- 普通元素內容html()（相當于原生innerHTML）
html() //獲取元素的內容
html("內容") //設定元素的內容
- 普通元素文本內容text()（相當與原生innerText）
text() //獲取元素的文本內容
6.jQuery 元素操作
2021年8月15日
17:24
主要是遍歷、創建、添加、洗掉元素操作，
6.1 遍歷元素
jQuery 隱式迭代是對同一類元素做了同樣的操作，如果要給同一類元素做不同操作，就需要用到遍歷，
語法1：
$("div").each(function{index，domele} { xxx;})
- each()方法遍歷匹配的每一個元素，主要用DOM處理，each每一個
- 里面的回呼函式有2個引數：index是每個元素的索引號；demEle是每個DOM元素物件，不是jquery物件
- 所以要想使用jquery方法，需要給這個dom元素轉換jquery物件$(domEle)
主要是遍歷、創建、添加、洗掉元素操作，
6.2創建元素
語法：
$("<li></li>");
動態創建了一個<li>
主要是遍歷、創建、添加、洗掉元素操作，
6.3添加元素
- 內部添加
element.append("內容")
把內容放入匹配元素內部最后面，類似原生 appendChild，
element.prepend("內容")
把內容放入匹配元素內部最前面，
- 外部添加
element.after("內容") // 把內容放入目標元素后面
element.before("內容") // 把內容放入目標元素前面
- 內部添加元素，生成之后，他們是父子關系，
- 外部添加元素，生成之后，他們是兄弟關系，
主要是遍歷、創建、添加、洗掉元素操作，
6.4 洗掉元素
element.remove() // 洗掉匹配的元素（本身）
element.empty() // 洗掉匹配的元素集合中所有的子節點
element.html("") // 清空匹配的元素內容
7.jQuery 尺寸、位置操作
2021年8月16日
9:42
7.1 jQuery 尺寸
| 語法 | 用法 |
| Width() / height() | 取得匹配元素寬度和高度值 只算 width / height |
| innerWidth() / innerHieght | 取得匹配元素寬度和高度值 包含 padding |
| outerWidth() / oterHeight | 獲取匹配元素寬度和 高度值包含 pading、border |
| outerWidth(true) / outerHeight(true) | 獲取匹配元素寬度和高度值 包含 pading、borde、margin |
- 以上引數為空，則是獲取相應值，回傳的是數字型，
- 如果引數為數字，則是修改相應值，
- 引數可以不必寫單位，
7.2 jQuery 位置
位置主要有三個：offset()、position()、scrollTop()/scrollLeft()
- offset() 設定或獲取元素偏移
- 0ffset() 方法設定或回傳被選元素相對于檔案的偏移坐標，跟父級沒有關系，
- 該方法有2個屬性left、top，offset().top 用于獲取距離檔案頂部的距離，offset().left用于獲取距離檔案左側的距離
- 可以設定元素的偏移：offset(top:10,left:30);
位置主要有三個：offset()、position()、scrollTop()/scrollLeft()
- position()獲取元素偏移
- position()方法用于回傳被選元素相對于帶有定位的父級偏移坐標，如果父級都沒有定位，則以檔案為準，
位置主要有三個：offset()、position()、scrollTop()/scrollLeft()
- scrollTop() 方法設定或回傳被選元素被卷去的頭部和左側
- scrollTop() 方法設定或回傳被選元素被卷去的頭部，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/294489.html
標籤：其他
下一篇：JavaScript陣列