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 相关文章推荐
Angularjs手动解析表达式($parse)
Oct 12 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
Mar 03 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
简述vue中的config配置
Jan 23 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
js实现小星星游戏
Mar 23 Javascript
JavaScript实现简单验证码
Aug 24 Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 Javascript
微信小程序实现点击生成随机验证码
Sep 09 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使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
YII框架页面缓存操作示例
2019/04/29 PHP
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
JavaScript中的style.cssText使用教程
2014/11/06 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
javascript面向对象三大特征之封装实例详解
2019/07/24 Javascript
webpack打包优化的几个方法总结
2020/02/10 Javascript
vue 函数调用加括号与不加括号的区别
2020/10/29 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
[43:41]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
python中enumerate函数遍历元素用法分析
2016/03/11 Python
代码实例讲解python3的编码问题
2019/07/08 Python
django之静态文件 django 2.0 在网页中显示图片的例子
2019/07/28 Python
Python装饰器用法与知识点小结
2020/03/09 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
Python如何执行系统命令
2020/09/23 Python
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
应届生简历中的自我评价
2014/01/13 职场文书
文科生自我鉴定
2014/02/15 职场文书
李培根演讲稿
2014/05/22 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
自我推荐信怎么写
2015/03/24 职场文书
小学信息技术教学反思
2016/02/16 职场文书
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python
Python开发五子棋小游戏
2022/05/02 Python
python中pd.cut()与pd.qcut()的对比及示例
2022/06/16 Python