jQuery中 attr() 方法使用小结
更新时间：2015年05月03日 10:22:56 投稿：hebedich
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()
定义和用法
attr() 方法设置或返回被选元素的属性值。
根据该方法不同的参数，其工作方式也有所差异。
实例1
设置被选元素的属性和值。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("img").attr("width","180");
});
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" />
<br />
<button>设置图像的 width 属性</button>
</body>
</html>
实例2
返回被选元素的属性值。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert("Image width " + $("img").attr("width"));
});
});
</script>
</head>
<body>
<img src="/i/eg_smile.gif" width="128" height="128" />
<br />
<button>返回图像的宽度</button>
</body>
</html>
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
本文给大家分享的是2则使用jquery实现网页右侧随动广告特效的代码，非常的简单实用，有需要的小伙伴可以参考下。2016-01-01
基于jquery的用dl模拟实现可自定义样式的SELECT下拉列表(已封装)
通过dl模拟实现SELECT下拉列表. 其实这是项目中要常用到的一个效果, 于是, 在之前写的基础上封装成了一个插件. 可自定义样式, 可防止用户本意划过时触发事件.2010-11-11
Javascript jquery css 写的简单进度条控件
很多的时候用户需要等待你“臃肿”的 Javascript 代码处理完成（Web 2.0 的特色）。期间或许加入一个类似于进度条的东西让用户有点“安慰”。这个东西实现起来并不复杂，无非就是获得总的处理条目，然后获得一个百分比，再显示输出。2008-03-03
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
最近做了一个项目，其中有需求要求实现发送短信验证码后倒计时功能，其中有个难点：要求关闭页面也进行倒计时。好吧，下面小编把jquery 发送验证码倒计时的实现代码分享给大家，大家可以参考下2016-09-09
这篇文章主要介绍了jQuery实现的简洁下拉菜单导航效果代码,通过简单的自定义函数实现页面样式切换功能,非常简洁实用,需要的朋友可以参考下2015-08-08
$.ajax下json数据的传递方法，大家可以参考下。这样就可以传递json数据了2008-11-11
checkbox全选反选的文章在以前也有介绍很多，实在是不想在提起了，然而身边还是有些朋友不会，于是3分钟写出来一个估计有很多bug2013-10-10
本文给大家介绍的是如何使用jquery 改写Alert弹出框样式，十分的实用，这里推荐给大家，有需要的小伙伴可以参考下。2015-04-04
jquery 键盘事件 keypress() keydown() keyup()用法总结
在本篇文章里小编给各位整理的是关于jquery 键盘事件 keypress() keydown() keyup()用法总结以及相关实例，需要的朋友们学习下。2019-10-10
这篇文章主要为大家详细介绍了jquery实现楼层滚动特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
最新评论