Jquery屬性操作(入門二)

2022-06-12 18:27:08 字數 986 閱讀 9110

********jquery屬性相關的操作********

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 :

單選:獲取值

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

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

//方式一

li = [11,22,33];

$.each(li,

function

(i,v) )

//方式二

$(".c1").each(function

(i,v) )

jQuery屬性操作(二)

掛載到 上的幾個屬性操作方法分析,發現屬性操作用到了sizzle封裝的方法 attr function elem,name,value 當不支援getatrribute方法時 估計是處理瀏覽器相容問題 if typeof elem.getattribute core strundefined all...

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...