jQuery中 attr() 方法使用小结


Posted in Javascript onMay 03, 2015

定义和用法

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>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
jquery里的正则表达式说明
Aug 03 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
Jan 21 Javascript
vue模板语法-插值详解
Mar 06 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
Mar 17 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
Jul 11 Javascript
iview form清除校验状态的实现
Sep 19 Javascript
vue使用element-ui实现表单验证
Dec 13 Vue.js
浅谈被jQuery抛弃的函数及替代函数
May 03 #Javascript
jQuery的几个我们必须了解的特点
May 03 #Javascript
jQuery的css() 方法使用指南
May 03 #Javascript
面向切面编程(AOP)的理解
May 01 #Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
May 01 #Javascript
使用AOP改善javascript代码
May 01 #Javascript
Javascript aop(面向切面编程)之around(环绕)分析
May 01 #Javascript
You might like
php选择排序法实现数组排序实例分析
2015/02/16 PHP
PHP图片加水印实现方法
2016/05/06 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
JavaScript中的其他对象
2008/01/16 Javascript
escape、encodeURI 和 encodeURIComponent 的区别
2009/03/02 Javascript
Jquery cookie操作代码
2010/03/14 Javascript
Jquery阻止事件冒泡 event.stopPropagation
2011/12/11 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
JavaScript中的parse()方法使用简介
2015/06/12 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
JS截取与分割字符串常用技巧总结
2015/11/10 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
微信小程序 template模板详解及实例
2017/02/21 Javascript
详谈js原型继承的一些问题
2017/09/06 Javascript
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
Vue中的循环及修改差值表达式的方法
2019/08/29 Javascript
vue实现移动端拖动排序
2020/08/21 Javascript
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
Python使用Scrapy爬取妹子图
2015/05/28 Python
python将ansible配置转为json格式实例代码
2017/05/15 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
python3 selenium自动化测试 强大的CSS定位方法
2019/08/23 Python
python实现静态服务器
2019/09/05 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
《望洞庭》教学反思
2014/02/16 职场文书
文艺演出策划方案
2014/06/07 职场文书
幼儿园教师考核评语
2014/12/31 职场文书
工厂员工辞职信范文
2015/05/12 职场文书
家长会开场白和结束语
2015/05/29 职场文书
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python