jquary 選擇器,dom操作知識點

2022-08-29 20:12:17 字數 2067 閱讀 9381

選擇器:

1. 基本選擇器

1. 標籤選擇器(元素選擇器)

* 語法: $("html標籤名") 獲得所有匹配標籤名稱的元素

2. id選擇器

* 語法: $("#id的屬性值") 獲得與指定id屬性值匹配的元素

3. 類選擇器

* 語法: $(".class的屬性值") 獲得與指定的class屬性值匹配的元素

4. 並集選擇器:

* 語法: $("選擇器1,選擇器2....") 獲取多個選擇器選中的所有元素

2. 層級選擇器

1. 後代選擇器

* 語法: $("a b ") 選擇a元素內部的所有b元素

2. 子選擇器

* 語法: $("a > b") 選擇a元素內部的所有b子元素

3. 屬性選擇器

1. 屬性名稱選擇器

* 語法: $("a[屬性名]") 包含指定屬性的選擇器

2. 屬性選擇器

* 語法: $("a[屬性名='值']") 包含指定屬性等於指定值的選擇器

3. 復合屬性選擇器

* 語法: $("a[屬性名='值']...") 包含多個屬性條件的選擇器

4. 過濾選擇器

1. 首元素選擇器

* 語法: :first 獲得選擇的元素中的第乙個元素

2. 尾元素選擇器

* 語法: :last 獲得選擇的元素中的最後乙個元素

3. 非元素選擇器

* 語法: :not(selector) 不包括指定內容的元素

4. 偶數選擇器

* 語法: :even 偶數,從 0 開始計數

5. 奇數選擇器

* 語法: :odd 奇數,從 0 開始計數

6. 等於索引選擇器

* 語法: :eq(index) 指定索引元素

7. 大於索引選擇器

* 語法: :gt(index) 大於指定索引元素

8. 小於索引選擇器

* 語法: :lt(index) 小於指定索引元素

9. 標題選擇器

* 語法: :header 獲得標題(h1~h6)元素,固定寫法

5. 表單過濾選擇器

1. 可用元素選擇器

* 語法: :enabled 獲得可用元素

2. 不可用元素選擇器

* 語法: :disabled 獲得不可用元素

3. 選中選擇器

* 語法: :checked 獲得單選/核取方塊選中的元素

4. 選中選擇器

* 語法: :selected 獲得下拉框選中的元素

dom操作:

1. 內容操作

1. html(): 獲取/設定元素的標籤體內容 內容

--> 內容

2. text(): 獲取/設定元素的標籤體純文字內容 內容

--> 內容

3. val(): 獲取/設定元素的value屬性值

2. 屬性操作

1. 通用屬性操作

1. attr(): 獲取/設定元素的屬性

2. removeattr():刪除屬性

3. prop():獲取/設定元素的屬性

4. removeprop():刪除屬性

5. after():新增元素到元素後邊

* 物件1.after(物件2): 將物件2新增到物件1後邊。物件1和物件2是兄弟關係

6. before():新增元素到元素前邊

* 物件1.before(物件2): 將物件2新增到物件1前邊。物件1和物件2是兄弟關係

7. insertafter()

* 物件1.insertafter(物件2):將物件2新增到物件1後邊。物件1和物件2是兄弟關係

8. insertbefore()

* 物件1.insertbefore(物件2): 將物件2新增到物件1前邊。物件1和物件2是兄弟關係

9. remove():移除元素

* 物件.remove():將物件刪除掉

10. empty():清空元素的所有後代元素。

* 物件.empty():將物件的後代元素全部清空,但是保留當前物件以及其屬性節點

jquary 選擇器複習

jquery重點複習 選擇器 1 選擇器作用?選擇jquery要操作的物件 基本 id box element li class blue box selector1,selector2,selectorn box li,blue 層級 根據元素之間的層次關係 ancestor descendant...

jquary 選擇器大全

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 獲 取一組radio被選中項的值 var item input name items checked val 獲 取select被選中項的文字 var item s...

jQuery 選擇器,操作DOM

jquery是乙個輕量級的js庫 選擇器 新增乙個 按鈕,使段落的字型放大 function plus type button value onclick plus p1 利用jquery實現字型的放大 過濾選擇器 表單選擇器 操作dom 增刪節點 樣式操作 addclass 追加樣式 remove...