jQuery使用attr()方法同时设置多个属性值用法实例
作者:上大王
这篇文章主要介绍了jQuery使用attr()方法同时设置多个属性值的用法,实例分析了jQuery中attr方法实现多个属性设置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery使用attr()方法同时设置多个属性值的用法。分享给大家供大家参考。具体如下:
下面这个演示例子可通过点击按钮实现修改链接与提示的功能。
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#w3s").attr({ "href" : "https://www.jb51.net/list/list_172_1.htm", "title" : "jb51.net" }); }); }); </script> </head> <body> <p><a href="https://www.jb51.net/list/list_172_1.htm" id="w3s">jb51.net</a></p> <button>点此改变链接与提示</button> <p>鼠标滑过链接即可看到链接与提示信息已被更改.</p> </body> </html>
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
- jQuery .attr()和.removeAttr()方法操作元素属性示例
- jQuery中attr()和prop()在修改checked属性时的区别
- jQuery获取attr()与prop()属性值的方法及区别介绍
- Jquery attr()方法 属性赋值和属性获取详解
- jquery attr()设置和获取属性值实例教程
- 详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
- 关于jquery中attr()和prop()方法的区别
- jQuery中.attr()和.data()的区别分析
- 详谈jQuery中使用attr(), prop(), val()获取value的异同
- jquery更改元素属性attr()方法操作示例