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 方法浅析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
- javascript中setAttribute()函数使用方法及兼容性
- js中的getAttribute方法使用示例
- javascript中attribute和property的区别详解
- JavaScript中setAttribute用法介绍
- JS getAttribute和setAttribute(取得和设置属性)的使用介绍
- JavaScript中的property和attribute介绍
- javascript setAttribute, getAttribute 在不同浏览器上的不同表现
- js setattribute批量设置css样式
- Jquery attr()方法 属性赋值和属性获取详解
- jQuery使用attr()方法同时设置多个属性值用法实例
- jQuery使用元素属性attr赋值详解
相关文章
JavaScript常见错误:“无法读取未定义的属性”的原因及解决方案
本文将深入探讨“无法读取未定义的属性”这一常见JavaScript错误,分析其成因,提供详细的解决方案和最佳实践,帮助开发者有效地预防和修复此类问题,感兴趣的小伙伴跟着小编一起来看看吧2024-12-12
一篇文章详细讲解JavaScript中的this(普通函数、箭头函数、 函数运用)
这篇文章主要介绍了JavaScript中this关键字的指向规则,包括全局环境、函数、对象方法、构造函数、事件处理函数和箭头函数中的this指向,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-04-04
JavaScript下的时间格式处理函数Date.prototype.format
这篇文章主要介绍了JavaScript下的时间格式处理函数Date.prototype.format的相关资料,需要的朋友可以参考下2016-01-01
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
这篇文章主要介绍了javascript运动效果,结合实例形式总结分析JavaScript实现放大缩小、滑动淡入、滚动等效果的方法,需要的朋友可以参考下2016-01-01
浅谈js图片前端预览之filereader和window.URL.createObjectURL
下面小编就为大家带来一篇浅谈js图片前端预览之filereader和window.URL.createObjectURL。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-06-06
javascript仿php的print_r函数输出json数据
输出json数据,php的print_r函数可以轻松实现,下面为大家介绍下javascript也可以模仿print_r函数输出json数据,具体实现如下,感兴趣的朋友可以了解下2013-09-09
超级标签之一键解除网页复制限制、网页自由编辑、显示星号密码功能代码
实现以上功能不用安装任何插件,把下列书签图标拖动到浏览器书签栏,就可以实现一键解除网页复制限制、网页自由编辑、显示星号密码功能2022-09-09


最新评论