jQuery中attr()方法用法實例_jquery

本文實例講述了jQuery中attr()方法用法。分享給大家供大家參考。具體分析如下：

此方法設定或傳回符合元素的屬性值。
attr()方法依參數的不同，功能也不同。

語法結構一:
取得第一個符合元素指定屬性的屬性值。

複製程式碼 程式碼如下:

$(selector).attr(name)

參數列表:

参数	描述
name	定义要获取其值的属性名称。

實例碼:

複製程式碼 程式碼如下:

我是第一個div

我是第二個div

點選查看效果

以上程式碼中，點選按鈕可以跳出符合元素集合中，第一個元素的class屬性值。

語法結構二:
為符合元素指定的屬性設定屬性值。

複製程式碼 程式碼如下:

$(selector).attr(attribute,value)

參數列表:

参数	描述
attribute	定义要设置值的属性名称。
value	定义要设置的属性值。

實例碼:

複製程式碼程式碼如下：

點選查看效果
身體>

以上程式碼中，點擊按鈕的時候，就能夠重新設定div元素的class屬性值。

語法結構三:
將「名/值」形式的物件設定為元素的屬性。可以一次設定多組「名/值」對，對符合元素屬性進行設定。

複製程式碼如下程式碼：

$(selector).attr(properties)

參數列表：

参数	描述
attribute:value	定义属性名/值对

實例碼:

複製程式碼 程式碼如下:

 

歡迎來到腳本之家

點選查看效果

以上程式碼中，可以設定儲存格的寬度和高度。

語法結構四:透過函數傳回值設定屬性值。

複製程式碼 程式碼如下:

$(selector).attr(name,function(index,oldoldvalue) )

參數列表:

参数	描述
name	定义要设置值的属性的名称。
function(index,oldvalue)	定义返回属性值的函数 index - 可选，接受选择器的索引位置。 class - 可选，接受选择器的当前的属性值。

实例代码:

复制代 代码如下:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
  $("#btn").click(function(){
    $("div").attr("クラス" ,function(){
      「リセット」を返します
    })
  })
})

脚本之家欢迎您

点击查看效果

上記のコードでは、プロパティ値が関数の戻り形式で取得される場合に限り、同様に div のクラス プロパティ値を設定できます。

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。