• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > JavaScript中的 attribute 和 jQuery中的 attr 方法浅析

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了javascript attribute,jquery setattribute,jquery attribute,jquery getattribute,jquery addattribute等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

根据大体上的意思我感觉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" >  
</div>
<script>
  var oInput = document.getElementsByTagName("INPUT")[0] ;
  var attrs  = oInput.attributes;
  var attr   = attrs[0];
</script>
</div>

attrs 中就包含 input 所有的属性 有 type,name,id,verify(自己加的属性,表单验证的时候用到,不影响input功能);

attr 只是type="text"。

attr.name = "type"
attr.value = "text"
</div>

jquery 获取元素的属性非常简单,选取元素后直接使用attr('属性名称')方法就可以获取属性值,attr('属性名称',属性值);可以设置元素属性

以上所述是小编给大家介绍的JavaScript中的 attribute 和 jQuery中的 attr 方法浅析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2017-05-11微信小程序 增、删、改、查操作实例详解
  • 2017-05-11jQuery点击导航栏选中更换样式的实现代码
  • 2017-05-11基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
  • 2017-05-11JavaScript中object和Object的区别(详解)
  • 2017-05-11jQuery实现的简单排序功能示例【冒泡排序】
  • 2017-05-11JS实现颜色动态淡化效果
  • 2017-05-11树结构之JavaScript
  • 2017-05-11jquery表单验证插件validation使用方法详解
  • 2017-05-11微信小程序 实现列表项滑动显示删除按钮的功能
  • 2017-05-11vue组件实例解析

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery实现表格元素动态创建功能
    • jQuery使用JSONP实现跨域获取数据的三种方法详解
    • jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
    • Javascript中return的使用与闭包详解
    • bootstrap制作jsp页面(根据值让table显示选中)
    • jQuery模拟窗口抖动效果
    • jQuery弹出层插件popShow用法示例
    • JavaScript 批量创建数组的方法
    • Bootstrap栅格系统使用方法及页面调整变形的解决方法
    • jquery滚动条插件slimScroll使用方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有