jq第一天（1.83里面的属性）属性-》属性

hide()隐藏显示的元素， attr设置或返回被选元素的属性值 removeAttr从每一个匹配的元素中删除一个属性 prop获取在匹配的元素集中的第一个元素的属性值。随着一些内置属性的DOM元素或window对象，如果试图将删除该属性，浏览器可能会产生错误。jQuery第一次分配undefined值的属性，而忽略了浏览器生成的任何错误 removeProp用来删除由.prop()方法设置的属性集

<input type="text" value="t2.jpg"><img src="t1.jpg" class="t1">

返回值:String attr(name|properties|key,value|fn)

效果为点击1图片换2图片

$("img").attr("width")

removeAttr(name)

$(this).removeAttr("src")

<html><head>    <script type="text/javascript" src="/jquery/jquery.js"></script>    <script type="text/javascript">        $(document).ready(function(){            $("button").click(function(){                $("p").removeAttr("style");            });        });    </script></head>

<body><h1>这是一个标题</h1><p style="font-size:120%;color:red">这是一个段落。</p><p>这是另一个段落。</p><button>删除所有 p 元素的 style 属性</button></body></html>

prop(name|properties|key,value|fn)

(对于只返回布尔值的用prop,其他用attr)

官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了prop()这个新方法，不可能没用吧，那什么时候该用attr()，什么时候该用prop()呢

jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。

大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。

jq提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。

那么，什么时候使用attr()，什么时候使用prop()？
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
项目中jquery升级的时候大家要注意这点！

以下是官方建议attr(),prop()的使用：

Attribute/Property	`.attr()`	`.prop()`
accesskey	√
align	√
async	√	√
autofocus	√	√
checked	√	√
class	√
contenteditable	√
draggable	√
href	√
id	√
label	√
location ( i.e. window.location )	√	√
multiple	√	√
readOnly	√	√
rel	√
selected	√	√
src	√
tabindex	√
title	√
type	√
width ( if needed over `.width()` )	√

removeProp(name)

转载于:https://www.cnblogs.com/lsc-boke/p/5193376.html