The difference between prop () method and attr () method in jquery-basic knowledge

jquery1.6 a new method prop (), has never used it, the official explanation is only one sentence: Gets the property value of the first element in the matching set of elements.

We all know that some browsers as long as the disabled,checked can be written, and some to write disabled = "disabled", checked= "checked", such as with attr ("checked") When the checkbox's Checked property is fetched, the value can be taken, the value is "checked", but the fetch value is not selected undefined.

JQ provides a new method "prop" to get these properties, which is to solve the problem, we used attr to get checked properties when we returned "checked" and "", and now we use the prop method to get the property then the uniform returns True and false.

So, when to use attr (), when to use Prop ()?
1. Add attribute name This property will take effect should use Prop ();
2. There are true,false two attributes using prop ();
3. Others use attr ();
You should pay attention to this when you upgrade jquery in your project!

The following is the use of the official recommendation 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() )	√