jQuery 選擇器與常用的方法

2021-08-14 19:01:20 字數 2633 閱讀 6374

2、jquery中的常規選擇器

1) jquery中有的選擇器 class類 元素類 id類 群組選擇器 後代選擇器 通配

選擇器(*)

2) jquery中的選擇器與css中的選擇器非常相似 只是有些許的不同

3) class類與元素類都可以選擇多個進行設定

4) id類只能選擇乙個 若乙個頁面中出現多個id值時 只會選擇第乙個 不會

選擇多個(乙個頁面中的標準格式是乙個id值只可以出現一次)

5) length屬性可以返回獲得的元素的長度 在獲得id的長度時 無論頁面中

有多少個id值 都只會獲得乙個

6) eq()方法與get()方法的區別

eq()返回的是乙個jquery物件 通過()中的數字決定獲得的是第幾個元素

get()返回的是html物件 通過()中的數字決定獲得的是第幾個元素

7) 群組選擇器 可以一起設定多個元素的相同的屬性 可以用過元素名

class值 id值今次那個設定 多個名稱之間用","隔開

8) 後代選擇器 可以通過元素之間的父級子級關係對元素進行進行設定

9) 通配選擇器(*)可以選擇頁面中的所有的**從html開始選擇

10) 可以給class id值前面加上元素的字首 也可以實現多個class進行設定

3、jquery中的屬性選擇器

1) 元素[元素含有的屬性]

$('a[title]').css('color','red');

此**表示a標籤含有title屬性 改變它的字型顏色

2) 元素[元素含有的屬性=屬性的值]

$('a[title=num1]').css('color','red');

此**表示a標籤含有title屬性 而且title的值與裡面的值相等 改變

它的字型顏色

3) 元素[元素屬性!=屬性的值]

$('a[title!=num1]').css('color','red');

此**表示a標籤裡不含有title屬性 或者title屬性的值不是num1

改變它的字型的顏色

4、jquery中的一些常用的方法

1) next()、prev()方法可以找到指定元素下面、上面的同級的第乙個元素

()內部是要找的元素名

2) nextall()、prevall()方法可以找到指定元素下面、上面的同級的所有

元素()內部是要找的元素名

3) siblings()方法可以獲得上面的所有元素 也可以獲得下面的所有元素

相當於nextall()、prevall()方法一起使用

4) first()方法 可以獲得第乙個元素

5) last()方法 可以獲得最後乙個元素

6) not()方法 可以獲得不是裡面的屬性的其它的元素

()內部可以填一些id值 class值

7) parent()方法 獲得元素的父級的元素

8) 元素:hidden;

此屬性可以設定隱藏的元素 display:none;

9) 元素:visible;

此屬性可以設定顯示的元素 display:block;

10) first-child屬性 獲得每乙個元素的第乙個元素物件

11) last-child屬性 獲得每乙個元素的最後乙個元素物件

12) only-child屬性 獲得只有乙個子元素的物件

13) nth-child()方法 可以獲得()內指定的條件的元素

索引值從1開始

even 獲得是偶數字的元素

odd 獲得是奇數字的元素

()內部可以直接寫數字 表示要找到的物件的位置

可以填入"數字n" 如"2n"表示找到是2的

倍數的元素

()內部可以寫"2n+1"表示的含義是獲得2

的倍數的

後乙個元素

14) is()方法 用來進行判斷 內部可以傳入選擇器 dom物件 jquery對

象 function()函式

15) hasclass()方法 用來進行判斷 內部傳入class的名字 不能加"."

判斷是否有元素有這個class值

16) slice()方法 獲取整個**中的元素值

從第一引數~第二個引數之間的元素

引數可以是負值 負值表示從後面開始

17) end()方法 獲取上乙個元素 與parent()方法不同

它可以是同級的元素

18) contents()方法 可以獲得元素中的文字

children()方法 只能獲得元素中的標籤

不能獲得元素中的文字

19) filter()方法 靈活性特別高 可以在裡面傳入各種選擇器

的值 之間用","隔開 也可以在裡面傳入函式

對條件進行限制 使其更為準確

**如下:

html**:

常規選擇器

jquery**:

$(function()).css('background','pink');

$('li').filter('li:last,li:first').css('background','yellow');

});執行結果:

jQuery選擇器常用方法

children 返回被選元素的所有直接子元素 selector children filter filter 可選,選擇器表示式 parents 返回被選元素的所有祖先元素 selector parents filter find 返回被選元素的後代元素 selector find filter ...

jquery 常用選擇器

myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,可以運用多種的選擇方...

jQuery常用選擇器

1.所有的函式大體分為四組 1 dom操作函式 2 事件處理函式 3 動畫函式 4 ajax操作 2.jquery函式的特性 1 幾乎所有的函式都自帶迴圈功能,可以對選中的元素進行遍歷 2 幾乎所有的函式都返回jquery物件本身,可以實現方法的鏈式呼叫 3 jquery物件轉換為dom物件 div...