Teraz to nie jest po prostu kolejny Jaka jest różnica pytanie , zrobiłem kilka testów(http://jsfiddle.net/ZC3Lf/) modyfikowanie prop i attr z <form action="/test/"></form>​ z wynikiem:

1) Test modyfikacji prop
Prop: http://fiddle.jshell.net/test/1
Attr: http://fiddle.jshell.net/test/1

2) Test modyfikacji Attr
Prop: http://fiddle.jshell.net/test/1
Attr: /test/1

3) Attr następnie test modyfikacji Prop
Prop: http://fiddle.jshell.net/test/11
Attr: http://fiddle.jshell.net/test/11

4) Prop then Attr Modification test
Prop: http://fiddle.jshell.net/test/11
Attr: http://fiddle.jshell.net/test/11

Teraz jestem zdezorientowany co do kilku rzeczy, jeśli chodzi o moją wiedzę:
Prop: wartość w bieżącym stanie po jakichkolwiek modyfikacjach za pomocą JavaScript
Attr: wartość zdefiniowana w html podczas ładowania strony.

Jeśli to prawda,

• dlaczego modyfikowanie prop wydaje się robić action w pełni kwalifikowany, i odwrotnie, dlaczego modyfikowanie atrybutu nie?
• dlaczego modyfikowanie prop w 1) modyfikuje atrybut, który nie ma dla mnie sensu?
• dlaczego modyfikowanie attr w 2) modyfikuje właściwość, czy mają być w ten sposób połączone?

Kod Badania

HTML

JavaScript

var element = $('form');
var property = 'action';

/*You should not need to modify below this line */

var body = $('body');
var original = element.attr(property);

body.append('<h1>Prop Modification test</h1>');
element.prop(property, element.prop(property) + 1);

body.append('Prop: '+element.prop(property)+'<br />');
body.append('Attr: '+element.attr(property)+'<hr />');

//reset
element.prop(property, original);
element.attr(property, original);

body.append('<h1>Attr Modification test</h1>');
element.attr(property, element.attr(property) + 1);

body.append('Prop: '+element.prop(property)+'<br />');
body.append('Attr: '+element.attr(property)+'<hr />');

//reset
element.prop(property, original);
element.attr(property, original);

body.append('<h1>Attr then Prop Modification test</h1>');
element.attr(property, element.attr(property) + 1);
element.prop(property, element.prop(property) + 1);

body.append('Prop: '+element.prop(property)+'<br />');
body.append('Attr: '+element.attr(property)+'<hr />');

//reset
element.prop(property, original);
element.attr(property, original);

body.append('<h1>Prop then Attr Modification test</h1>');
element.prop(property, element.prop(property) + 1);
element.attr(property, element.attr(property) + 1);

body.append('Prop: '+element.prop(property)+'<br />');
body.append('Attr: '+element.attr(property)+'<hr />');