jQuery 屬性操作

2022-06-26 16:27:13 字數 1952 閱讀 7563

1 css操作

2 文字操作

3 屬性操作

4 位置

5 尺寸

1、css操作

addclass();//

新增指定的css類名。

removeclass();//

移除指定的css類名。

hasclass();//

判斷樣式存不存在

toggleclass();//

切換css類名,如果有就移除,如果沒有就新增。

css("color","red")//

dom操作:tag.style.color="red"

$("p").css("color", "red"); //

將所有p標籤的字型設定為紅色

2、文字操作

//

html**:

html()//

取得第乙個匹配元素的html內容

html(val)//

設定所有匹配元素的html內容

//文字值:

text()//

取得所有匹配元素的內容

text(val)//

設定所有匹配元素的內容

//值:

val()//

取得第乙個匹配元素的當前值

val(val)//

設定所有匹配元素的值

val([val1, val2])//

設定checkbox、select的值

3、屬性操作

//

用於id等或自定義屬性

attr(attrname)//

返回第乙個匹配元素的屬性值

attr(attrname, attrvalue)//

為所有匹配元素設定乙個屬性值

attr()//

為所有匹配元素設定多個屬性值

removeattr()//

從每乙個匹配的元素中刪除乙個屬性

//用於checkbox和radio

prop() //

獲取屬性

removeprop() //

移除屬性

因相容性,checkbox和radio盡量使用特定的prop(),不要使用attr("checked", "checked")

4、位置

offset([coordinates]) //

offset方法的參照物是可視視窗

position() //

參照物是定位的父親標籤

scrolltop([val])//

獲取匹配元素相對滾動條頂部的偏移。

scrollleft([val])//

獲取匹配元素相對滾動條左側的偏移。

.offset()方法允許我們檢索乙個元素相對於文件(document)的當前位置。

和 .position()的差別在於: .position()是相對於相對於父級元素的位移。

5、尺寸

height([val|fn])//

取得匹配元素當前計算的高度值(px)

width([val|fn])//

取得第乙個匹配元素當前計算的寬度值(px)

innerheight()//

獲取第乙個匹配元素內部區域高度(包括補白、不包括邊框)。

innerwidth()//

獲取第乙個匹配元素內部區域寬度(包括補白、不包括邊框)

outerheight([options])//

獲取第乙個匹配元素外部高度(預設包括補白和邊框)

outerwidth([options])//

獲取第乙個匹配元素外部寬度(預設包括補白和邊框)

jquery操作屬性

設定或返回被選元素的屬性值 img attr img attr title function 每乙個匹配的元素中刪除屬性 img removeattr src checked,selected屬性的設定和獲得應該使用該函式,返回值和設定值應該使用true和false 刪除由.prop 方法設定的屬性...

jquery 屬性操作

input attr value 獲取input的id input attr value 孫悟空 為input的value屬性設值為孫悟空 input attr 為input設定多個屬性 input attr value function 為input設定value屬性為方法返回值 input re...

Jquery 屬性操作

jquery 屬性操作 方法 selector addclass class button click function 2 removeclass 向匹配的元素移除指定的類名。定義和用法 removeclass 方法從被選元素移除乙個或多個類。注釋 如果沒有規定引數,則該方法將從被選元素中刪除所有...