温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
个人简要总结了一下：1、赋值时候，如果是&input type="checkbox" checked&这样的只有属性名就能生效的属性推荐prop，即：$('input').prop('checked',true);同时，false表示取消，即：$('input').prop('checked',false);当然attr也行的：$('input').attr('checked','这里写什么都行的');取消属性就是移除：$('input').removeAttr('checked');2、取值的时候，如果是&input &id="input1" type="checkbox" checked&&input &id="input2" type="checkbox"&推荐使用prop，即：$('#input1').prop('checked'); //返回true$('#input2').prop('checked'); //返回false而使用attr，则：$('#input1').attr('checked'); //返回checked$('#input2').attr('checked'); //返回undefined3、特殊属性赋值取值这个特殊说明下，获取很多人都用不到呢。比如需要在input中追加一个data-tips属性。变成这样子 &input type="text" value="" data-tips="aa"&这时候只能写：$('input').attr('data-tips','aa');使用prop是不管用的。但是读值时候，两个都可以的：$('input').attr('data-tips');//返回aa$('input').prop('data-tips');//返回aa
阅读(5816)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'jQuery中prop()方法和attr()方法的区别',
blogAbstract:'从jQuery 1.6开始，新加入了一个prop方法。这个方法和attr方法功能非常的相近。以下是官网建议的使用情况：',
blogTag:'attr,prop,jquery',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:5,
publishTime:9,
permalink:'blog/static/',
commentCount:1,
mainCommentCount:1,
recommendCount:1,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:true,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}jQuery中attr和prop在修改checked属性时的区别_百度知道
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
jQuery中attr和prop在修改checked属性时的区别
我有更好的答案
val();checked&一样）。但是问题来了;protocol&quot！代码变换如下，问题就解决了;input type=&text& class=&quot!=&&)
$(&quot，ok没问题; checked=&checked&form-control&quot先贴前端部分代码 这是用bootstrap3制作的一个输入框 & name=&protocol&#protocolCheckbox&).removeAttr(&
&lt，如果为空，则移除checked属性;checked&！$(&checkbox&#protocolCheckbox&).prop(& &
&/div&对应的jquery如下（bug版）$(&quot，会进行一次判断.val();label&&&#47，勾就打不上了！查看html源代码，果断看到checked=&checked&checked&;#protocolCheckbox&).attr(&&
& id=&quot，如果有值，那么会添加checked并设置为选中（checked=& class=&& id=&protocolCheckbox& value=&quot,false);
$(& value=&0&quot!=&&)
$(&div class=& 协议
&/&#protocolCheckbox&).prop(&
&#protocol&).blur(function () {
if($(&#protocol&&checkbox&大家看;);form-group&协议类型&lt,true);col-sm-5&#protocol&).blur(function () {
if($(&#protocol&);
$(&checked&);
}})！当第二次有值时;div class=&div&这里是对应的复选框代码&32&
&&/label&gt，在输入框失去焦点时,true);checked&;，但就是勾没有打上;label&
&input type=&div&&&#47，感觉没什么问题哦吧;&div class=&col-sm-3 control-label&label class=&quot
checked&)方法进行操作。&&&&在jquery1?shareid=&uk=" name="web前端学习资料大全;attr(&checked&quotcheckbox在jquery各个版本中操作方式是不同的：&& - 在jquery1.5及其以下的版本中使用&nbsp.5时，使用attr(“checked”)得到true【选中】或false【不选中】两个值。在jquery1.6以上的版本时，使用prop(“checked”)方法得到true【选中】或false【不选中】两个值，而使用attr(“checked”)得到”checked”【选中】或undefined【不选中】两个值。&<file fsid="15" link="/share/) 方法进行操作；&&&&&& - 在jquery1.6+使用prop(&quot
为您推荐：
其他类似问题
jquery的相关知识
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;相关文章推荐
To retrieve and change DOM properties such as the checked, selected, or disabled state of form ...
原文：/zhwl/p/3520162.html
另一篇：/Showshare/p/different-bet...
HTML属性是指页面标记中放在引号中的值，而DOM属性则是指通过JavaScript能够存取的值。在jQuery中，prop()是操作DOM属性，attr()是操作HTML属性。HTML属性与对应的D...
在jquery里，css和attr都可以动态的修改html中元素的属性。但css()是用来操纵元素style{}的，而attr()是用来操作元素固有的属性的，且attr()的权重比css()要大，它会...
jquery中有attr()和css()两种方法，attr()主要是针对元素的属性进行操作，如img的src属性和alt属性，a链接的href属性等等;css()修改的是样式里面的属性，即是style...
属性：我们通常将id,src,alt,class称为属性,也即元素属性.
jQuery中，用于获取属性的方法，主要是基于prop方法的，我们经常使用的是attr方法，不过在attr方法中，有时候会出现一些问题的，这里就看下jquery的API中attr的介绍，主要内容翻译自...
昨天搞了一下循环获取chkboxlist的值首先可以定义一个循环类，或者一个方法,public static string s_getchkboxlist(chkboxlist
chk_name){...
jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。
官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了pr...
有一段HTML代码：对应有CSS style:.glyphicons.white i:before {
.glyphicons.white:hover i:befor...
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)Jquery中attr与prop的区别详解
前一段时间在做项目的时候，效果是这样的
当点击左上方那个checkBox时，要将下面的checkBox全部选中，我写的代码是这样的
然而并没有起作用，后来换成下面那样就可以了
于是上官方的文档查了下attr和prop的区别，发现根本看不懂，如下图
于是，我做了个一个测试
结果是这样的（chrome浏览器下）
发现attr的返回值要么是checked要么是undefined，prop的返回值只有true和false。
prop()函数的结果:
1.如果有相应的属性，返回指定属性值。
2.如果没有相应的属性，返回值是空字符串。
attr()函数的结果:
1.如果有相应的属性，返回指定属性值。
2.如果没有相应的属性，返回值是undefined。
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
耕耘10载，做移动电商我们更专业！互联网解决方案提供商！
互联网解决方案提供商！你值得拥有！
今日搜狐热点博客分类：
//判断checkbox是否被选中
if($(this).is(":checked")){
alert('选中');
alert('未选中');
//用jquery全选所有class为listbox的checkbox
$(".listbox").prop("checked", true);
//用jquery取消所有class为listbox的checkbox的选中
$(".listbox").prop("checked", false);
jQuery中attr和prop方法的区别
prop是jquery1.6新增的方法，其与attr的用法极为相似。由于不理解他们的根本区别，难免产生离奇的BUG。通过分析attr和prop的源码，得知：attr方法里面，最关键的两行代码，elem.setAttribute( name, value + “” )和ret = elem.getAttribute( name )，很明显的看出来，使用的DOM的API setAttribute和getAttribute方法操作的属性元素节点。而prop方法里面，最关键的两行代码，return ( elem[ name ] = value )和return elem[ name ]，你可以理解成这样document.getElementById(el)[name] = value，这是转化成JS对象的一个属性。
浏览: 499606 次
来自: 淄博
对我有用，谢谢
确实是这个问题 不知道谁把数据库改了
zhangzi 写道lylshr 写道顶，大哥你真强啊晕死，这 ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'