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 相关文章推荐
Javascript中的变量使用说明
May 18 Javascript
JQuery 图片滚动轮播示例代码
Mar 24 Javascript
jquery删除ID为sNews的tr元素的内容
Apr 10 Javascript
JavaScript实现重置表单(reset)的方法
Apr 02 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
JavaScript实现的经典文件树菜单效果
Sep 08 Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 Javascript
Webwork 实现文件上传下载代码详解
Feb 02 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 Javascript
vue.js响应式原理解析与实现
Jun 22 Javascript
详解vue 组件
Jun 11 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
PHP4实际应用经验篇(4)
2006/10/09 PHP
让PHP支持页面回退的两种方法[转]
2007/02/14 PHP
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
PH P5.2至5.5、5.6的新增功能详解
2014/07/14 PHP
ThinkPHP框架设计及扩展详解
2014/11/25 PHP
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
jQuery插件scroll实现无缝滚动效果
2015/04/27 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
Bootstrap3 datetimepicker控件使用实例
2016/12/13 Javascript
原生JS轮播图插件
2017/02/09 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
微信小程序开发之左右分栏效果的实例代码
2019/05/20 Javascript
在漏洞利用Python代码真的很爽
2007/08/26 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
Python 读取某个目录下所有的文件实例
2018/06/23 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
如何通过安装HomeBrew来安装Python3
2020/12/23 Python
法国在线药房:1001Pharmacies
2021/03/07 全球购物
初二政治教学反思
2014/01/12 职场文书
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
志愿者事迹材料
2014/12/26 职场文书
离职感谢信怎么写
2015/01/22 职场文书
体育教师个人总结
2015/02/09 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
个人年终总结开头
2015/03/06 职场文书
小学工作总结2015
2015/05/04 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
解析MySQL索引的作用
2022/03/03 MySQL
Python中Matplotlib的点、线形状、颜色以及绘制散点图
2022/04/07 Python
Python OpenCV形态学运算示例详解
2022/04/07 Python
spring boot实现文件上传
2022/08/14 Java/Android