jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值用法實(shí)例

更新時(shí)間：2015年03月26日 16:14:22 作者：上大王

這篇文章主要介紹了jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值的用法,實(shí)例分析了jQuery中attr方法實(shí)現(xiàn)多個(gè)屬性設(shè)置的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(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.dhdzp.com/list/list_172_1.htm",
   "title" : "jb51.net"
  });
 });
});
</script>
</head>
<body>
<p><a href="http://www.dhdzp.com/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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)html雙向綁定功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)html雙向綁定功能,涉及jQuery針對(duì)HTML頁(yè)面元素事件綁定相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
JS在IE下缺少標(biāo)識(shí)符的錯(cuò)誤
今天在使用一個(gè)jQuery的插件時(shí)，發(fā)現(xiàn)在IE下總報(bào)錯(cuò)，但在Firefox下就很正常，所報(bào)的錯(cuò)誤就是：缺少標(biāo)識(shí)符！
2014-07-07
Jquery實(shí)現(xiàn)顯示和隱藏的4種簡(jiǎn)單方式
顯示和隱藏的效果想必大家都有見(jiàn)到過(guò)吧，其實(shí)很簡(jiǎn)單，通過(guò)jquery便可輕松實(shí)現(xiàn)，下面為大家整理了4種方式，大家可以根據(jù)需求自由選擇
2013-08-08
jQuery簡(jiǎn)單實(shí)現(xiàn)彩色云標(biāo)簽效果示例
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)彩色云標(biāo)簽效果,結(jié)合實(shí)例形式分析了jQuery隨機(jī)數(shù)運(yùn)算與頁(yè)面元素樣式動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2016-08-08
jQuery示例收集
3D旋轉(zhuǎn)效果展示分享按鈕，具有動(dòng)畫效果。WordPress的tab云好像也有這種效果。
2010-11-11
jQuery中使用validate插件校驗(yàn)表單功能
這篇文章主要介紹了jQuery中使用validate插件校驗(yàn)表單功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒,需要的朋友可以參考下
2019-05-05
jQuery 行背景顏色的交替顯示(隔行變色)實(shí)現(xiàn)代碼
主要是利用了jquery的attr為行添加樣式來(lái)實(shí)現(xiàn)的，具體的代碼如下。
2009-12-12
jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗哂幸欢ǖ膮⒖純r(jià)值，感興趣的朋友可以參考一下
2016-01-01
jquery.pager.js實(shí)現(xiàn)分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了jquery.pager.js實(shí)現(xiàn)分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
基于JQuery的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼
基于JQuery的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-02-02