欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-13 08:04:34
根据大体上的意思我感觉js setattribute与jquery中attr工作是完全一样的,只是jquery中简写了并且工能更强大了,下面我来分别介绍一下他们的用法。...

根据大体上的意思我感觉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 方法浅析,希望对大家有所帮助

上一篇:

下一篇: