與prop一樣attr也可以用來獲取與設置元素的屬性。 區別在於，對於自定義屬性和選中屬性的處理。 選中屬性指的是 checked,selected 這2種屬性 1. 對於自定義屬性 attr能夠獲取，prop不能獲取 2. 對於選中屬性 attr 只能獲取初始值， 無論是否變化 prop 能夠訪問變化後的值，並且以true|false的布爾型返回。 所以在訪問表單對象屬性的時候，應該采用prop.

<script src="http://how2j.cn/study/jquery.min.js"></script>
 
<script>
$(function
 
(){
   $("#b1").click(function(){
      alert("game屬性是:" + $("#c").attr("game") );
   });

   $("#b2").click(function(){
      alert("game屬性是:" + $("#c").prop("game") );
   });

   $("#b3").click(function(){
      alert("checked屬性是:" + $("#c").attr("checked") );
   });

   $("#b4").click(
 
function(){
      alert("checked屬性是:" + $("#c").prop("checked") );
   });

});
 
</script>
 
<style>
button{
  display:block;
}
</style>

<button id="b1">通過attr獲取自定義屬性 game</button>
<button id="b2">通過prop獲取自定義屬性 game</button>
<button id="b3">
 
通過attr獲取 checked屬性</button>
<button id="b4">通過prop獲取 checked屬性</button>
 
<br>
<br>
 
<input type="checkbox"  id="c" game="LOL" checked="checked"> 選中的復選框

通過attr獲取自定義屬性 game 通過prop獲取自定義屬性 game 通過attr獲取 checked屬性 通過prop獲取 checked屬性

選中的復選框

prop與attr的區別