jQuery選擇器及屬性設定

2021-10-01 18:37:55 字數 2118 閱讀 8778

(一)

直接父級:.parent();方法返回被選元素的直接父元素

所有父級:.parents(); 方法返回被選元素的所有祖先元素,它一路向上直到文件的根元素html

(二)同級:.siblings() 方法返回被選元素的所有同胞元素

例子:$("h2").siblings("p");  返回屬於的同胞元素的所有元素
所有同級:nextall() 方法返回被選元素的所有跟隨的同胞元素

區域同級:nextuntil() 方法返回介於兩個給定引數之間的所有跟隨的同胞元素

(三)直接子元素:children() 方法返回被選元素的所有直接子元素

所有子元素:find() 方法返回被選元素的後代元素,一路向下直到最後乙個後代

(例子)

當前元素父元素:$("").parent().css(「background」,「red」)

當前元素子元素:$("").children().css(「background」,「red」)

樣式相關:增加樣式.addclass();設定/改變樣式:$(".logo").css(「border」,「none」)

屬性與樣式之.attr()與.removeattr(),通過一定的觸發事件來使一些元素上增加或者刪除一些屬性

例子:禁用與啟用按鈕

js** 收藏**

$("#btnsendcode").attr(「disabled」, 「true」); //禁用

$("#btnsendcode").removeattr(「disabled」); //啟用按鈕,啟用啟用

.attr():

1、獲取匹配元素的屬性,例如:("i

mg")

.att

r("s

rc")

;2、設

置匹配元

素的屬性

,例如:

單一屬性

的設定:

("img").attr("src"); 2、設定匹配元素的屬性,例如: 單一屬性的設定:

("img"

).at

tr("

src"

);2、

設定匹配

元素的屬

性,例如

:單一屬

性的設定

多個屬性的設定:("i

1.從每乙個匹配的元素中刪除相應的屬性

刪除乙個屬性:("i

mg")

.rem

ovea

ttr(

"src

");刪

除多個屬

性:

("img").removeattr("src"); 刪除多個屬性:

("img"

).re

move

attr

("sr

c");

刪除多個

屬性:(「img」).removeattr(「src alt」);//img的src和alt都會被刪除

2.平常的使用中我們還可以通過如下這種方法來進行刪除:

$(「img」).attr(「src」,"");

$("img").attr();
.removeattr()和.attr()使用這兩方法的區別在於頁面html的結構不同

removeattr直接將這個屬性刪除,在頁面中看到的就是這個結果

attr不會刪除這個屬性,只是將這個屬性的值置為空,在頁面中看到的就是

Jquery屬性選擇器

屬性選擇器 1.把所有input的文字輸入框標紅 input type text css border 1px solid red 2.把以.com結尾的超連結標紅 a href com css border 1px solid red 3.以http 開頭的超連結 4.value屬性中包含inpu...

JQuery屬性選擇器

attribute 選擇具有指定屬性值的元素。attribute value 選擇具有指定屬性且屬性值為指定值的元素。eg 選擇target屬性值為test的a元素,a target test attribute value 選擇具有指定屬性的元素,或者屬性值為指定值或指定值後跟連字元 eg 選擇包...

JQuery屬性選擇器

今天我們學習一下jquery屬性選擇器,方便我們呼叫不同型別的屬性。展示效果 有了屬性選擇器,我就能快速定位我需要的控制項,然後對控制項進行操作了。4種表單選擇器的簡寫 enabled 選擇所有被啟用的元素 disabled 選擇所有被禁用的元素 checked 表示checked屬性為選中狀態的元...