jquery第三章知識梳理

2021-09-29 02:51:58 字數 2888 閱讀 7754

一.基本選擇器

1.id選擇器

特點:最快,盡量使用id選擇器。

作用:返回匹配id屬性值的所有元素。

用法:katex parse error: expected 'eof', got '#' at position 4: (『』#̲mydiv』)。 說明:返回h…(「elementname」).

說明:返回html頁面中元素為elementname的所有元素。

3.類名選擇器:

作用:返回匹配class屬性值的所有元素。

用法:(「.

clas

snam

e」)。

說明:返

回htm

l頁面中

clas

s為cl

assn

ame的

所有元素

。4.復合

選擇器:

復合選擇

器,即所

有選擇器

的合集。

將每乙個

選擇匹配

到的元素

合併後一

起返回。

5.萬用字元

選擇器:

作用:返

回當前h

tml頁

面的所有

元素。用

法:

(「.classname」)。 說明:返回html頁面中class為classname的所有元素。 4.復合選擇器: 復合選擇器,即所有選擇器的合集。 將每乙個選擇匹配到的元素合併後一起返回。 5.萬用字元選擇器: 作用:返回當前html頁面的所有元素。 用法:

(「.cla

ssna

me」)

。說明:

返回ht

ml頁面

中cla

ss為c

lass

name

的所有元

素。4.

復合選擇

器:復合

選擇器,

即所有選

擇器的合

集。將每

乙個選擇

匹配到的

元素合併

後一起返

回。5.

萬用字元選

擇器:作

用:返回

當前ht

ml頁面

的所有元

素。用法

:(「*」)

說明:返回html頁面中的所有元素。

二.層次選擇器

1.ancestor descendant選擇器

選取ancenstor元素中所有descendant(後代)元素,不僅僅是直接子元素

$(「div span」)選取

裡的所有

元素2. parent>child選擇器

選取parent元素下的child(子)元素,直接子元素,例如:不包括子元素中的子元素

$(「div>span」)選取

元素下名為

的元素3. prev+next選擇器

選取緊接在prev元素後的next元素

$(".one+div")選取class為one的下乙個

元素4. prev~siblings選擇器

選取prev元素之後所有siblings元素

$("#two~div")選取id為two的元素後面的所有

同輩與阿奴

三.過濾選擇器

選取含有該select選擇器的元素(必須是父元素上呼叫,返回的是父元素)

$(『:parent』)

選取含有子元素或文字的元素

has()

jquery提供了乙個has()方法作用等同has過濾器

jquery提供了parent相關方法,但與過濾器含義不等同

parent()

選擇當前元素的父元素

parents()

選擇當前元素的祖先元素(包括父元素)

parentsuntil()

選擇當前元素的祖先元素,遇到指定元素則停止

2. 可見性過濾器

$(『:hidden』)

選取所有不可見元素

$(『:visible』)

選取所有可見元素

hidden過濾器一般是包含樣式為display:none。input表單型別為hidden

設定了visibility:hidden的元素,雖然其在物理上是不可見的,但卻保留了物理空間,因此該算是可見元素

3. 子元素過濾器

(注意:子元素過濾器查詢的該元素是作為第幾個孩子元素,返回是該元素也就是孩子)

$(『li:first-child』)

查詢li作為第乙個孩子的元素

$(『li:last-child』)

獲取li的父元素的最後乙個子元素

$(『li:only-child』)

獲取只有乙個子元素的元素

$(『li:nth-child(even/odd/index)』)

獲取li是偶數/奇數/索引的子元素(索引從1開始)

四.表單元素選擇器

:input

:input選擇器選擇input、textarea、select和button元素  

:text

:text選擇器選擇所有的單行文字框 

:password

:password選擇器選擇所有的密碼框

:radio

:radio選擇器選擇所有的單選框

:checkbox

:checkbox選擇器選擇所有的多選框

:submit

:submit選擇器選擇所有的提交按鈕

:image

:image選擇器選擇所有的影象按鈕

:reset

:reset選擇器選擇所有的重置按鈕

:button

:button選擇器選擇所有的按鈕

:file

:file選擇器選擇所有的檔案上傳域

第三章知識梳理

乙個典型的jquery選擇器的語法格式為 selector methodname id選擇器 id 利用dom元素的id屬性值來篩選匹配的元素,並以jquery包裝集的形式返回給物件。元素選擇器是根據元素名稱匹配相應的元素,指向的是dom元素的標記名,多數情況下元素選擇器匹配的是一組元素。注意 eq...

C Primer Plus 第三章之知識梳理

一些約定的用字首來表示變數型別或內容的字首 n 表示整型變數 str或者sz 表示以空字元結束的字串 b 表示布林值 p 表示指標 c 表示單個字元借助 include標頭檔案和sizeof就可以看到不同型別的資料的最大最小值和資料的位數 bytes include include include ...

jQuery第三章知識點

使用getelement系列方法訪問指定節點 getelementbyid getelementsbyname getelementsbytagname 根據層次關係訪問節點 parentnode 返回節點的父節點 childnodes 返回子節點集合,childnodes i firstchild...