https://blog.csdn.net/xiphap/article/details/79397060

一直以为 getAttribute() 和 attr() 都是获取元素属性的方法,只是一种是 JS 写法,一种是 JQ 写法,但其实它们是有区别的。
主要区别

调用 getAttribute() 的主体必须是元素(Element)
调用 attr() 的主体必须是对象(Object)
JS写法:getAttribute()

getAttribute() 是元素(Element)下的一种方法,因此想调用这个方法,必须确保它的调用主体是元素,否则会报错。
正确使用方式:

错误使用方式:

通过 JQ 选择器获取 div,此时的 div 是对象(Object)也就无法调用 getAttribute() 方法,浏览器(Safari)会报错如下:

JQ写法:attr()

jQuery API Documentation 中对 attr() 方法——准确说是 attr( attributeName ) 方法的描述是“获取一组相匹配元素中首个元素的属性值”。
描述中的“一组元素”应该指的是对象(Object),而不是多个元素组成的集合(HTMLCollection),因为如果方法的执行主体是集合,浏览器同样会报错:

正确使用方式:

getAttribute() 与 attr() 的区别相关推荐

  1. Property(prop)和Attribute(attr)的区别

    举例来讲 我们现在有一个input#demo <input id="demo" value="attr"> - Attribute和Property ...

  2. 【JSP/Servlet】getParameter和getAttribute的使用、区别

    总结:request.cookie.session.context的区别 这四个对象有不同级别的作用域和生命周期. (1)request:解决了一次请求内的数据共享问题(作用域:一次请求) req.s ...

  3. 【图示,简单明了】HttpServlet中getAttribute和getParameter的区别——【javaweb系列学习笔记】

    在写教材项目时,发现好多好多函数我都不认得, 既然不认得,机械的打上去又有什么用呢? getAttribute和getParameter就是一例, 在网上陆陆续续的看了很多讲解, 以下是我的个人总结: ...

  4. HttpServletRequest中getAttribute()和getParameter()的区别

    一.数据据来源不同 HttpServletRequest类有setAttribute()方法,而 没有setParameter()方法 get/setParameter是在对你的页面中的表单元素进行操 ...

  5. getAttribute和getParameter的区别

    HttpServletRequest类既有getAttribute()方法,也由getParameter()方法,这两个方法有以下区别: (1)HttpServletRequest类有setAttri ...

  6. prop和attr的区别-jQuery

    今天简单说下prop和attr在设置,获取和删除属性时的区别: 1.设置属性 为了便于看到效果,先在网页中写入ul标签,里面插入属性title,如下: <ul><li title=& ...

  7. prop和attr的区别

    一.attr和prop含义的区别 attr 是从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说较慢. prop是从属性对象中取值,属性对象中有多少属性,就能获取多少值,不需要在页面中 ...

  8. attribute attr prop 区别

    attr 与 prop的区别是什么? 这篇微博解释的很清楚 那么,什么时候使用attr(),什么时候使用prop()? *添加属性名称该属性就会生效应该使用prop(); *是有true,false两 ...

  9. getparameter java_java中getAttribute和getParameter的区别

    getAttribute表示从request范围取得设置的属性,必须要先setAttribute设置属性,才能通过getAttribute来取得,设置与取得的为Object对象类型 getParame ...

最新文章

  1. java unsafe获取指针_【实战Java高并发程序设计 1】Java中的指针:Unsafe类
  2. coredump调试的使用
  3. 滑动窗口——TCP可靠传输的实现[转]
  4. msf实战提权windows_ATTamp;CK实战 | 红队评估一(上)
  5. 【ArcGIS风暴】ArcGIS生成GlobeLand30土地利用数据集中国区域行列号shp格式对照图(附shp下载)
  6. java 邮件 tls_通过TLS发送的Java邮件
  7. IE11浏览器一个窗口打开多个页面设置方法
  8. 1.7 编程基础之字符串 25 最长最短单词 python
  9. Mybatis使用之 Caused by: org.apache.ibatis.type.TypeException: Could not resolve type alias‘User’
  10. Windows进程管理类封装
  11. JavaSE基础——数组概述和定义格式说明
  12. layui表单基本使用
  13. 获取115网盘文件列表
  14. 推荐5款免费网盘,空间大不限速!
  15. 王道考研——计算机组成原理(第一章 计算机系统概述)
  16. 移动端跨平台开发的深度解析
  17. win7桌面上显示html,win7桌面图标不见了怎么办,显示Windows 7桌面图标的方法
  18. YOLO train.txt创建
  19. 分享应用于桌面闹钟的超低成本MG127蓝牙射频前端芯片
  20. (渗透-摘录) cookie 注入

热门文章

  1. Pandas数据规整
  2. PHPExcel处理导入导出图片,链接
  3. Android配置----Android开发环境搭建
  4. 点击屏幕上EditText区域以外的任何地方隐藏键盘的解决方法
  5. ubuntu12.0.4不能正常关机和重启的解决方法
  6. git是航空母舰:ScrumBoard
  7. 停用一些不必要的Windows服务
  8. ES6中的promise、async、await用法详解
  9. 元素均匀排列自动换行二维数组前端遍历
  10. mysql主从复制实战