web前端 jQuery屬性操作

2022-03-30 18:12:31 字數 2135 閱讀 2585

知識點總結 

1、屬性

屬性(如果你的選擇器選出了多個物件,那麼預設只會返回出第乙個屬性)、

attr(屬性名|屬性值)

- 乙個引數是獲取屬性的值,兩個引數是設定屬性值

- 點選載入示例

removeattr(屬性名)

-刪除屬性的值

prop(屬性名|屬性值)

- 屬性的返回值的是布林型別

- 單選,反選,取消的例子

removeprop(屬性名)

-刪除屬性的值

迴圈:each(兩種迴圈示例)

- $.each(陣列/物件, function(i, v){})

- $("div").each(function(){})

css類

- addclass 新增類屬性

- removeclass 移除類屬性

- toggleclass 開關|切換(有就移除,沒有就新增)

燈泡的例子

html**/文字/值

沒有引數就是獲取對應的值,

有引數就設定對應的值

- .html() 新增html標籤 .html("啦啦啦。")

- .text() 新增文字 .text("啦啦啦。")

- .val()

input :乙個引數,獲取的是input框裡面的值

checkbox :乙個引數,獲取的是value的值

select :

單選:獲取值

多選:得到的是乙個陣列,設定的時候也要是陣列

注意:在1.x及2.x版本的jquery中使用attr對checkbox進行複製操作時會出bug,在3.x版本的jquery中則沒有這個問題。為了相容性,我們在處理checkbox和radio的時候盡量使用特定的prop(),不要使用attr("checked", "checked")。

示例:全選、反選、取消

一、屬性操作

"en

">

bootstrap_i1.png

" alt="">"1

">

1武俠銷售部

2哎哎呀財經部

示例

二、示例

1、attr

(1)得到屬性和設定屬性值

(2)設定自定義屬性值

三、jquery中的迴圈的兩種方式

//    方式一

li = [11,22,33];

$.each(li,function (i,v) )

// 方式二

$(".c1").each(function (i,v) )

退出迴圈*************************===

三、注意的乙個下問題:

解決方法

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 方法從被選元素移除乙個或多個類。注釋 如果沒有規定引數,則該方法將從被選元素中刪除所有...