jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值用法實(shí)例
本文實(shí)例講述了jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值的用法。分享給大家供大家參考。具體如下:
下面這個(gè)演示例子可通過(guò)點(diǎn)擊按鈕實(shí)現(xiàn)修改鏈接與提示的功能。
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#w3s").attr({
"href" : "http://www.dbjr.com.cn/list/list_172_1.htm",
"title" : "jb51.net"
});
});
});
</script>
</head>
<body>
<p><a href="http://www.dbjr.com.cn/list/list_172_1.htm" id="w3s">jb51.net</a></p>
<button>點(diǎn)此改變鏈接與提示</button>
<p>鼠標(biāo)滑過(guò)鏈接即可看到鏈接與提示信息已被更改.</p>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jQuery .attr()和.removeAttr()方法操作元素屬性示例
- jQuery中attr()和prop()在修改checked屬性時(shí)的區(qū)別
- jQuery獲取attr()與prop()屬性值的方法及區(qū)別介紹
- Jquery attr()方法 屬性賦值和屬性獲取詳解
- jquery attr()設(shè)置和獲取屬性值實(shí)例教程
- 詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
- 關(guān)于jquery中attr()和prop()方法的區(qū)別
- jQuery中.attr()和.data()的區(qū)別分析
- 詳談jQuery中使用attr(), prop(), val()獲取value的異同
- jquery更改元素屬性attr()方法操作示例
相關(guān)文章
JQuery 浮動(dòng)導(dǎo)航欄實(shí)現(xiàn)代碼
JQuery 浮動(dòng)導(dǎo)航欄實(shí)現(xiàn)代碼,具體的可以根據(jù)需要自己修改。2009-08-08
jq checkbox 的全選并ajax傳參的實(shí)例
下面小編就為大家?guī)?lái)一篇jq checkbox 的全選并ajax傳參的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
jQuery中的on與bind綁定事件區(qū)別實(shí)例詳解
bind與on的區(qū)別就在于–事件冒泡,關(guān)于jquery中的on與bind綁定事件的區(qū)別通過(guò)本文給大家實(shí)例講解,需要的朋友參考下吧2017-02-02
Jquery阻止事件冒泡 event.stopPropagation
幫朋友寫(xiě)了一個(gè)小效果,單擊標(biāo)簽后標(biāo)簽變色并添加一個(gè)叉的圖片,點(diǎn)擊叉標(biāo)簽恢復(fù)原樣,具體效果請(qǐng)點(diǎn)擊下面的result2011-12-12
簡(jiǎn)單選項(xiàng)卡 js和jquery制作方法分享
這篇文章主要介紹了簡(jiǎn)單選項(xiàng)卡 js和jquery制作方法,需要的朋友可以參考下2014-02-02
基于jQuery實(shí)現(xiàn)的旋轉(zhuǎn)彩圈實(shí)例
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的旋轉(zhuǎn)彩圈,涉及jQuery定時(shí)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-06-06
Jquery each方法跳出循環(huán),并獲取返回值(實(shí)例講解)
這篇文章主要是對(duì)Jquery each方法跳出循環(huán),并獲取返回值進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12
jQuery pager.js 插件動(dòng)態(tài)分頁(yè)功能實(shí)例分析
這篇文章主要介紹了jQuery pager.js 插件動(dòng)態(tài)分頁(yè)功能,結(jié)合具體實(shí)例形式分析了pager.js 插件的定義及使用插件進(jìn)行分頁(yè)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-08-08

