首先

  • attr 是从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说比较慢。 
    如:

<input name='test' type='checkbox'>
$('input:checkbox').attr('type'); 返回checkbox.
$('input:checkbox').attr('checked'); 返回undefined。
 
因为<input name='test' type='checkbox'>中没有checked关键字。

  • prop是从属性对象中取值,属性对象中有多少属性,就能获取多少值,不需要在页面中显示定义。 
    比如 
    $('input:checkbox').prop('checked'); 返回false

这里就会遇到个问题:如果是自定义的属性,那么属性对象中是没有这个属性的。所以prop返回undefined。但是页面中可以检索到这个属性,所以attr是可以获取的。

其次

  • attr获取的是初始化值,除非通过attr(‘name’,’value’)改变,否则值不变。prop属性值是动态的,比如checkbox,选中后,checked变为true,prop值也会发生改变。

总结

所以有个经验就是:

    • 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。快速,准确。

    • 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

最新文章

  1. J2EE的13种核心技术
  2. Android ImageView的scaleType属性与adjustViewBounds属性(转)
  3. 数据格式json讲解
  4. thinkphp3.2整合phpexcel
  5. 慢牛股票-基于Sencha+Cordova的股票类APP
  6. chromium 安装 pepper flash player
  7. 在Spring MVC中使用注解的方式校验RequestParams
  8. orcale装完sqldevelop启动不了
  9. Printk 标志优先级别
  10. 超级基础的python文件读取
  11. Iterm2安装Zsh + Oh My Zsh+Solarized
  12. JDK设计模式之—动态代理
  13. 银行卡卡bin
  14. React基础概念
  15. sqlite "insert or replace" 和 "insert or ignore" 用法
  16. [Leetcode 376]摇摆序列 Wiggle Subsequence
  17. 30.纯 CSS 创作一个晃动的公告板
  18. .Net下EF的简单实现
  19. Unity性能优化之Draw Call(转)
  20. Python学习---xml文件的解析[beautifulsoup4模块学习]

热门文章

  1. Nodejs 调试方法
  2. floyed dij spfa 模板
  3. Nagios 监控Windows服务器(详细篇)
  4. glibc2.12升级至2.15
  5. HttpServletRequest cannot be resolved to a type The superclass &quot;javax.servlet.http.HttpServlet&quot; was not found on the Java Build Path
  6. vue笔记v-bind
  7. 493. Reverse Pairs
  8. 各种Nand的总结
  9. C# 控件置于最顶层、最底层、隐藏、显示
  10. Background Segment CNT