jquery修改屬性值實(shí)例代碼(設(shè)置屬性值)
設(shè)置屬性 - attr()
jQuery attr() 方法也用于設(shè)置/改變屬性值。
下面的例子演示如何改變(設(shè)置)鏈接中 href 屬性的值:
實(shí)例
$("button").click(function(){
$("#keleyi").attr("href","http://chabaoo.cn");
});
attr() 方法也允許您同時(shí)設(shè)置多個(gè)屬性。
下面的例子演示如何同時(shí)設(shè)置 href 和 title 屬性:
實(shí)例
$("button").click(function(){
$("#keleyi").attr({
"href" : "http://chabaoo.cn",
"title" : "柯樂義網(wǎng)"
});
});
attr() 的回調(diào)函數(shù)
jQuery 方法 attr(),也提供回調(diào)函數(shù)?;卣{(diào)函數(shù)由兩個(gè)參數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串。
下面的例子演示帶有回調(diào)函數(shù)的 attr() 方法:
實(shí)例
$("button").click(function(){
$("#keleyi").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
- JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼
- jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法
- Jquery 獲取指定標(biāo)簽的對(duì)象及屬性的設(shè)置與移除
- jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值用法實(shí)例
- jquery選擇器、屬性設(shè)置用法經(jīng)驗(yàn)總結(jié)
- jquery attr()設(shè)置和獲取屬性值實(shí)例教程
- jQuery 設(shè)置 CSS 屬性示例介紹
- jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
- jQuery元素屬性操作實(shí)例(設(shè)置、獲取及刪除元素屬性)
- 詳解jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容
- jQuery HTML設(shè)置內(nèi)容和屬性操作實(shí)例分析
相關(guān)文章
JS 遍歷 json 和 JQuery 遍歷json操作完整示例
這篇文章主要介紹了JS 遍歷 json 和 JQuery 遍歷json操作,結(jié)合完整實(shí)例形式詳細(xì)分析了JavaScript與jQuery遍歷json格式數(shù)據(jù)的簡(jiǎn)單實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-11-11基于jQuery實(shí)現(xiàn)中英文切換導(dǎo)航條效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)中英文切換導(dǎo)航條效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09jQuery插件實(shí)現(xiàn)的日歷功能示例【附源碼下載】
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)的日歷功能,結(jié)合完整實(shí)例形式分析了jQuery datepicker插件實(shí)現(xiàn)日歷功能的相關(guān)操作技巧,需要的朋友可以參考下2018-09-09JQuery實(shí)現(xiàn)表格中相同單元格合并示例代碼
一定要注意如果從list的開始元素循環(huán)下去,remove掉一個(gè)元素后,有些元素就找不到了或者說不是要找的那個(gè)元素,感興趣的各位可以研究下哈2013-06-06基于jQuery替換table中的內(nèi)容并顯示進(jìn)度條的代碼
這個(gè)例子使我更加明白呈現(xiàn)數(shù)據(jù)是前端工作滴一部分,如何使table中的數(shù)值變?yōu)榍逦貤l狀圖呢?聽我細(xì)細(xì)道來2011-08-08