jquery修改屬性值實例碼(設定屬性值)_jquery

設定屬性 - attr()

jQuery attr() 方法也用來設定/改變屬性值。

下面的範例示範如何改變（設定）連結中 href 屬性的值：

實例

複製程式碼 程式碼如下:

$("button"). (function(){
$("#keleyi").attr("href","http://www.jb51.net");
});

attr() 方法也允許您同時設定多個屬性。
下面的範例示範如何同時設定 href 和 title 屬性：

實例

複製程式碼 程式碼如下:

程式碼如下:


$
$("button" ).click(function(){
$("#keleyi").attr({

"href" : "http://www.jb51.net","title" : "柯樂義網"

});

});

attr() 的回呼函數

jQuery 方法 attr()，也提供回呼函數。回調函數由兩個參數：被選元素清單中目前元素的下標，以及原始（舊的）值。然後以函數新值傳回您希望使用的字串。

下面的範例示範帶有回呼函數的 attr() 方法： 實例

複製程式碼


程式碼如下:


$("button"). (function(){

$("#keleyi").attr("href", function(i,origValue){return origValue "/jquery";});}) ;