DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery修改屬性值實例代碼(設置屬性值)
jquery修改屬性值實例代碼(設置屬性值)
編輯:JQuery特效代碼     

設置屬性 - attr()

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

下面的例子演示如何改變(設置)鏈接中 href 屬性的值:

實例
. 代碼如下:
$("button").click(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").click(function(){
$("#keleyi").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved