【attr 和 prop 区别】的更多相关文章

jquery中attr()与prop()区别

我们知道jquery中获取元素属性有两种常见的方法,一个是attr()方法,这个是用的比较多的,也是我们第一个想到的.另外一个就是prop()方法了,这个方法之前很少用到,它是jquery1.6之后新增的方法.那么这两个方法都是获取属性的,那么神马区别呢?闲话不多说,下面我们就来说说. 首先从单词解释来说attr和prop分别是单词attribute和property的缩写,它们均表示"属性"的意思.下面我们看一个简单的例子. <body> <input type=&…

jQuery中attr()与prop()区别介绍

.attr() : 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性. •.attr( attributeName ) •.attr( attributeName ) •.attr( attributeName, value ) •.attr( attributeName, value ) •.attr( attributes ) •.attr( attributeName, function(index, attr) ) .prop() : 获取匹配的元素集中…

jQuery 1.6+ 中attr()与prop() 区别

最近在写一个关于checkbox全选与取消全选的优化方法时,看到很多高手用到了.prop(). 于是在jquery的帮助文档查了一下,才知道这是在jquery 1.6.1中新加的方法,用来设置属性.但已经有了attr(),为何还要加入prop()呢?于是查阅了一下相关文档,总结一下. 下面主要写一下它们在何种情况下被使用: 一.checked,selected,readonly和disabled在1.6.1中和1.6之前的处理相同,也就是说还是直接用attr()即可,如 $(“:checkbox…

attr 和 prop 区别

jquery 中 attr 和 prop 都表示 "属性",同样是属性为啥还要弄两个! attr 适用于自定义属性 如 定义一个懒加载用的src 栗子 <img class="img1" src="" data-src="1.png" />//attr$('.img1').attr('data-src');//prop$('.img1').prop('data-src');//undefind porp使用场景:标…

attr VS prop 区别

attr 能够增加.获取.删除页面属性.从页面中获取属性值: prop 用来获取.删除元素自带属性.从属性对象中获取属性值. attr 只获取静态属性值,就是页面加载时的最初的属性值: prop 可以获取动态属性值,通过js或页面操作改变元素的属性值之后,通过prop获取最新的属性值. attr 获取无值的属性时,返回的是 undefined prop 获取无值的属性时,返回的是 空字符串 在获取 checkbox 的 checked 属性时,使用 prop 获取到的是 true 或 false…

html、text、val、attr、prop区别。this.value和$(this).val()区别以及return用法

html(): html() 方法返回或设置被选元素的内容 (inner HTML). 当使用该方法读取多个值时,它会返回第一个匹配元素的内容. 当使用该方法设置一个值时,它会覆盖所有匹配元素的内容. 取元素内容的时候会把指定元素下面的代码标签也能获取到 text() 读取多个返回多个 和html()类似,但是只获取指定元素纯文本内容 val(): 返回或设置被选元素的值(读取多个只返回第一个),这点和html()类似 通过value属性设置和获取,常用于input元素,只能用在表单元素上 at…

jquery attr和prop区别

<input type="checkbox" /> <script> $(function() { $('input').click(function() { $(this).attr('checked'); }); }); </script> 点击 checkbox,结果都是 undefined 把 attr换成 prop 显示是可以的. prop 和 attr的区别 具有 true 和 false 两个属性的属性,如 checked, selec…

attr和prop区别

今天写了个小程序,获取input[checked]属性,$('#check1').attr('checked'),结果返回undefined,查询了一番, 如果是具有true和false两个属性值的属性 如checked selected 或者disabled获取该属性值要用prop()返回boolean值,其他属性用attr().…

新版本的jquery checkbox 全选反选代码只能执行一遍，第二次就失败attr与prop区别

$("#all_check").click(function() { $("input[name='checkShop[]']").attr("checked",this.checked); }); var $subBox = $("input[name='checkShop[]']"); $subBox.click(function(){ $("#all_check").attr("checke…

jQuery attr 与 prop 区别最简单分析

比较经典的解释: 在处理html元素本身就带有的固有属性时,使用prop方法,对于html元素中,我们自己定义的dom属性时,使用attr方法. 而咱自己的理解是: attr会忠实的获取设置dom标签中的任何字符串,里面有的,都能读取,而且是什么就读取什么,不会隐身转换,没有的读取的值为‘undefined’. 而prop只能读取浏览器里提前封装好的dom属性,即固有属性,对于自定义的东东,不认识,也因为是提前和浏览器勾搭好了,所以能隐式转换,比如选择按钮的checked,它就知道返回ture.…

jquery的attr和prop区别之实例

对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. html文件 <tr> <th></th> <td> <a class="easyui-linkbutton" style="width:60px;" onclick="selectAll()">全选</a> <a class=&…

checkbox之checked的方法(attr和prop)区别

1. $('#checkbox').click(function(){ if($('#checkbox').is(':checked')) { $(".sendmailhui").hide(); $(".sendmail").show(); }else{ $(".sendmailhui").show(); $(".sendmail").hide(); } }) 2. $("#chk").bind("…

JQuery属性操作之attr()和prop()的区别

代码示例: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>attr() 和 prop()区别</title> <script type="text/javascript" src="jquery.js"></script> <scri…

jquery中attr和prop的区别、 什么时候用 attr 什么时候用 prop (转自 芈老头 )

jquery中attr和prop的区别. 什么时候用 attr 什么时候用 prop   在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个例子就知道了. <a href="…

jQuery学习笔记（四）：attr()与prop()的区别

这一节针对attr()与prop()之间的区别进行学习. 先看看官方文档是如何解释两者之间功能差异的: attr() Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element.获取匹配的元素集合中第一个元素的attribute,或者为每个选定的元素添加一个至多个attribute…

jQuery函数attr()和prop()的区别

在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同. 但不得不说的是,这两个函数的用处却并不相同.下面我们来详细介绍这两个函数之间的区别. 1.操作对象不同 很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思. 不过,在jQuery中,attribute和property却是两个不同的概念.attribute表示HTML文档节点的属性,property表示JS对象的属性…

【jQuery 区别】attr()和prop()的区别

1>>> 今天实现一个 点击更新按钮 ,可以勾选上本行的的checkbox的功能: 使用代码: /** * updateproduct.htmls 更新 产品信息 */ $(document).on("click",".table-bordered tbody tr a[class='up']",function(){ product = $.parseJSON( $(this).parents('tr').find("input&quo…

jQuery 中 attr() 和 prop() 方法的区别

前几天,有人给 Multiple Select 插件 提了问题: setSelects doesn't work in Firefox when using jquery 1.9.0 一直都在用 jQuery 1.8.3 的版本,没有尝试过 jQuery 1.9.0 的版本. 于是,开始调试代码,在 1.9.0 的版本中: <input type="checkbox" /> <script> $(function() { $('input').click(fun…

jQuery的attr与prop,attribute和property区别

jQuery1.6中新添加了一个prop方法,看起来和用起来都和attr方法一样,这两个方法有什么区别呢?这要从HTMl 的attribute与property区别说起,attr与prop正是这两个东西的缩写. attribute与property attribute和property都可以翻译为属性,为了以示区别,通常把这两个单词翻译为属性与特性. <div id="test">Click Here</div> 上面这段HTML语句中有三个节点,分别是Elem…

jQuery中.attr()和.prop()的区别

之前学习jQuery的时候,学习到了两种取得标签的属性值的方法:一种是elemJobj.attr(),另一种是elemJobj.prop().而在学习JS的时候,只有一种方法elemObj.getAttribute().刚开始知道这两个jQuery方法都可以取得元素的属性值的时候,我觉得很奇怪,以为随着jQuery版本更新造成的历史遗留方法,所以花时间查了查attribute和property的区别,发现原来这两个其实是有区别的.其间我主要参考了这两篇文章: JavaScript中的proper…

jquery中attr和prop的区别（转）

在网络上看到这样一篇关于jquery中attr和prop的区别文章,觉得不错,所以转载了. 在jQuery 1.6中,.attr()方法查询那些没有设置的属性,则会返回一个undefined.如果你要去恢复或者改变DOM状态值,类似checked,selected,disabled等表单元素的状态,最好使用.prop()方法. 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈…

jQuery函数attr()和prop()的区别，val()

[自己总结,详情见下面转录的文章]: attr()用于操作html属性,prop()属性用于操作DOM属性 ①: 很多情况下可以互用 ②:attr()独自适用的情况,自定义的html属性,html属性和dom属性不同名的情况,如具有同一个值的属性:class(html),className(DOM) ③:prop()独自适用的情况,①html属性和dom属性不同名时;②表单中的checked,selected,disabled等属性 HTML属性与DOM属性差别最大的地方,恐怕就要数表单控件的值…

.attr()和.prop()和.css()的区别

是不是新手都会遇到这个问题?遇到过一次,在网上搜一搜,综合成了下面这样.重点参考了dolphin的‘jQuery的attr与prop’, 写的很清楚呢. 一般attribute翻译成中文术语为“特性”,property翻译成中文术语为“属性”. 1.attribute attribute 可以看作是一个特性节点,每个DOM元素都有一个对应的 attributes属性来存放所有的attribute节点,attributes是一个类数组的容器. <div id='divId' customizedV…

jq里attr和prop的区别

jquery中attr和prop的区别   在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个例子就知道了. <a href="http://www.baidu.com&q…

jquery中attr()与prop()函数用法实例详解(附用法区别)

本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.…

Jquery学习笔记： attr和 prop的区别，以及为html标签自定义属性

一.自定义html标签属性 对于html文件中的html标签,可以自定义属性,如: <a href="#" id="link1" action="delete">删除</a> 上面的标签a并没有action属性(也就是说w3c定义中没有给a标签定义action属性),但有href ,id 属性. 但我们一样可以给它加自己需要的属性,如这里的action.这个在很多场合下还是有用的,特别是当需要给标签来设置某些特性时. 我们…

【JAVAWEB学习笔记】21_多条件查询、attr和prop的区别和分页的实现

今天主要学习了数据库的多条件查询.attr和prop的区别和分页的实现 一.实现多条件查询 public List<Product> findProductListByCondition(Condition condition) throws SQLException { QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource()); //定义一个存储实际参数的容器 List<String> list =…

Jquery中attr 和 prop的区别和联系

昨天在选择借款方类型的时候总是会出现选择要点两次的现象,比如点击公司,第一次点击选择公司,没有选中,必须在次点击才可以选中,总感觉是有点延迟加载的意思,后来审查元素, 发现是redio元素,这样的话就是三选一,不会同时选择多个啊,或者都不选中的啊,后来使用的赋值属性的attr,发现还是无法解决,后来在网上查找了说是用prop,后来通过查找发现attr和prop的区别, 这样这个问题就得以解决,之前一直以为是页面初始化加载引起页面加载缓慢,看来以后还是要多用prop 附上链接:http://www…

jquery中attr和prop的区别分析

这篇文章主要介绍了jquery中attr和prop的区别分析的相关资料,需要的朋友可以参考下 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: • 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. • 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个例子就知道了. 复制代码代…

jquery中attr与prop的区别

先从一个老生常谈的问题说起,使用jquery实现全选全不选.楼主先使用的jquery版本是 jquery-1.11.1.min.js 全选<input type="checkbox" name="checkedAll" id="checkedAll" onclick="checkedAll();"/><br> A<input type="checkbox" name="…