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

245 阅读 0 评论 162 点赞

我是靠谱客的博主稳重煎饼，最近开发中收集的这篇文章主要介绍JavaScript中的 attribute 和 jQuery中的 attr 方法浅析，觉得挺不错的，现在分享给大家，希望可以做个参考。

根据大体上的意思我感觉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 方法浅析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。