JavaScript中的 attribute 和 jQuery中的 attr 方法浅析


Posted in Javascript onJanuary 04, 2017

根据大体上的意思我感觉js setAttribute与jquery中attr工作是完全一样的,只是jquery中简写了并且工能更强大了,下面我来分别介绍一下他们的用法。

attribute 是原生js dom 对象上的一个属性,这个属性有很多子属性,比如 isId(判断属性是否是Id) , name (获取属性名称) , value (获取属性值),attributes 用来获取dom元素 的所有属性集合。

话不多说,上例子了:

<input type="text" name="username" id="name" verify="len_2_12" >
<script>
  var oInput = document.getElementsByTagName("INPUT")[0] ;
  var attrs  = oInput.attributes;
  var attr   = attrs[0];
</script>

attrs 中就包含 input 所有的属性 有 type,name,id,verify(自己加的属性,表单验证的时候用到,不影响input功能);

attr 只是type="text"。

attr.name = "type"
attr.value = "text"

jquery 获取元素的属性非常简单,选取元素后直接使用attr('属性名称')方法就可以获取属性值,attr('属性名称',属性值);可以设置元素属性

以上所述是小编给大家介绍的JavaScript中的 attribute 和 jQuery中的 attr 方法浅析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
prototype 源码中文说明之 prototype.js
Sep 22 Javascript
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
Apr 27 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
Dec 21 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
node.js+express制作网页计算器
Jan 17 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
jquery实现图片轮播器
May 23 jQuery
详解angularjs获取元素以及angular.element()用法
Jul 25 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
javascript之分片上传,断点续传的实际项目实现详解
Sep 05 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 #Javascript
基于jQuery实现选项卡效果
Jan 04 #Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 #Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
Jan 04 #Javascript
jQuery实现联动下拉列表查询框
Jan 04 #Javascript
JavaScript中String对象的方法介绍
Jan 04 #Javascript
js select下拉联动 更具级联性!
Apr 17 #Javascript
You might like
基于PHP文件操作的详解
2013/06/05 PHP
php的ajax简单实例
2014/02/27 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
如何在HTML 中嵌入 PHP 代码
2015/05/13 PHP
php版微信小店API二次开发及使用示例
2016/11/12 PHP
PHP获取表单数据与HTML嵌入PHP脚本的实现
2017/02/09 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
JS常用正则表达式总结
2013/11/12 Javascript
Node.js中的事件驱动编程详解
2014/08/16 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
2015/02/13 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
js实现简单div拖拽功能实例
2015/05/12 Javascript
Javascript BOM学习小结(六)
2015/11/26 Javascript
js获取时间精确到秒(年月日)
2016/03/16 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
利用transition实现文字上下抖动的效果
2017/01/21 Javascript
详解vue路由篇(动态路由、路由嵌套)
2019/01/27 Javascript
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
python操作xml文件详细介绍
2014/06/09 Python
python常见数制转换实例分析
2015/05/09 Python
12步入门Python中的decorator装饰器使用方法
2016/06/20 Python
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
python and or用法详解
2019/06/26 Python
linux下安装python3和对应的pip环境教程详解
2019/07/01 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
Python输出指定字符串的方法
2020/02/06 Python
一款纯css3实现的竖形二级导航的实例教程
2014/12/11 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
《罗布泊,消逝的仙湖》教学反思
2014/03/01 职场文书
流动人口婚育证明
2014/10/19 职场文书
2014年实习期工作总结
2014/11/27 职场文书
关于Vue中的options选项
2022/03/22 Vue.js