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

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

此方法可以取得或設定匹配元素的屬性值。
根據方法參數的不同，作用也有所不同。

語法結構一:
當參數為屬性名稱時，此方法能夠符合元素集合中，第一個符合元素指定屬性名稱的屬性值。

複製程式碼 程式碼如下:

$("selector").prop(name)

參數列表:

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

實例碼:

實例一：

複製程式碼程式碼如下：

以上程式碼可以傳回被選取的複選框的屬性值。

實例碼二：

複製程式碼程式碼如下：

以上程式碼中，由於li元素集合中第一個li元素並沒有id屬性，所以回傳值為空。

語法結構二:

以屬性的「名/值對」物件的方式設定所有符合元素的屬性值。

複製程式碼如下程式碼：

$(selector).prop(properties)

參數列表:

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

實例碼:

實例一：

複製程式碼程式碼如下：

以上程式碼能夠將選取所有元件。

實例二：

複製程式碼程式碼如下：

$(文檔).ready(function(){
  $("td").prop({寬度:"200",高度:"300"});
})
腳本>
頭>



  歡迎來到腳本之家

表>
身體>

以上程式碼可以設定td的寬度和高度。

語法三:

以屬性名稱/值對方式設定所有符合元素的屬性值。

複製程式碼如下程式碼：

$(selector).prop(key,value)

參數列表:

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

實例碼:

複製程式碼程式碼如下：

點選查看效果
身體>

以上程式碼可以為div設定指定的樣式。

語法結構四:

透過函數傳回值設定屬性值。

複製程式碼如下程式碼：

$(selector).prop(name,function(index,oldvalue))

$(selector).prop(name,function(index,oldvalue))

參數列表:

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

实例代码:

复制代 代码如下:

<頭>





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

脚本之家欢迎您

点击查看效果

上記のコードは、指定された div 設定の形式にすることができます。

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