jquery修改屬性值實例代碼(設(shè)置屬性值)

更新時間：2014年01月06日 09:58:39 作者：

jQuery attr()方法用于設(shè)置/改變屬性值，下面的例子演示如何改變（設(shè)置）鏈接中 href 屬性的值

設(shè)置屬性 - attr()

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

下面的例子演示如何改變（設(shè)置）鏈接中 href 屬性的值：

實例

復(fù)制代碼代碼如下:

$("button").click(function(){
$("#keleyi").attr("href","http://m.fzitv.net");
});

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

實例

復(fù)制代碼代碼如下:

$("button").click(function(){
$("#keleyi").attr({
"href" : "http://m.fzitv.net",
"title" : "柯樂義網(wǎng)"
});
});

attr() 的回調(diào)函數(shù)

jQuery 方法 attr()，也提供回調(diào)函數(shù)。回調(diào)函數(shù)由兩個參數(shù)：被選元素列表中當(dāng)前元素的下標(biāo)，以及原始（舊的）值。然后以函數(shù)新值返回您希望使用的字符串。

下面的例子演示帶有回調(diào)函數(shù)的 attr() 方法：

實例

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

jquery修改屬性值

相關(guān)文章

jquery+ashx無刷新GridView數(shù)據(jù)顯示插件(實現(xiàn)分頁、排序、過濾功能)
最近做一個AJAX的GridView來顯示數(shù)據(jù)，當(dāng)然按照現(xiàn)在流行的首選是Jquery。
2010-04-04
jQuery插件FusionCharts繪制2D雙折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制2D雙折線圖效果,結(jié)合實例形式分析了jQuery使用FusionCharts結(jié)合xml數(shù)據(jù)載入實現(xiàn)2D雙折線圖繪制的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-04-04
jquery pagination分頁插件使用詳解（后臺struts2）
這篇文章主要為大家詳細(xì)介紹了jquery pagination 分頁插件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
JQuery插件Marquee.js實現(xiàn)無縫滾動效果
這篇文章主要介紹了JQuery插件Marquee.js實現(xiàn)無縫滾動效果的相關(guān)資料,需要的朋友可以參考下
2016-04-04
Jquery 組合form元素為json格式,asp.net反序列化
Jquery組合form元素為json格式,asp.net反序列化實現(xiàn)代碼，大家可以具體的看下面的說明。
2009-07-07
jquery實現(xiàn)控制表格行高亮實例
jquery實現(xiàn)控制表格行高亮實例，需要的朋友可以參考一下
2013-06-06
jQuery輪播圖功能制作方法詳解
這篇文章主要介紹了jQuery輪播圖功能制作方法,結(jié)合實例形式詳細(xì)分析了jQuery輪播圖實現(xiàn)原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下
2019-12-12
JQuery文字列表向上滾動的代碼
JQuery實現(xiàn)的文字列表一條一條向上滾動的效果
2013-11-11
基于jQuery實現(xiàn)仿51job城市選擇功能實例代碼
這篇文章主要介紹了基于jQuery實現(xiàn)仿51job城市選擇功能實例代碼的相關(guān)資料,需要的朋友可以參考下
2016-03-03
jquery Ajax 全局調(diào)用封裝實例詳解
這篇文章主要介紹了jquery Ajax 全局調(diào)用封裝實例詳解的相關(guān)資料,需要的朋友可以參考下
2017-01-01