一、自定義html標簽屬性
對於html文件中的html標簽，可以自定義屬性，如：
<a href="#" id="link1" action="delete">刪除</a>
上面的標簽a並沒有action屬性（也就是說w3c定義中沒有給a標簽定義action屬性），但有href ,id 屬性。
但我們一樣可以給它加自己需要的屬性，如這里的action。這個在很多場合下還是有用的，特別是當需要給標簽來設置某些特性時。
我們看到很多的框架，如bootstrap都給html標簽定了各種自定義屬性。
二、獲取html標簽的屬性
方法一：利用dom對象來獲取
如： $("#link1")[0].id ,
或 $("#link1")[0]["id"]
注意：對於自定義屬性，無法利用dom對象來獲取，比如 $("#link1")[0].action 是獲取不到值的。可以利用下面介紹的attr方法來獲取。
方法二：利用jquery對象的 attr 或 prop方法
jquery的prop方法是jquery1.6版本引入的，那什么時候使用 prop方法，什么時候使用attr方法呢？
這個還真有些區別。經過實際的測試，發現如下使用比較好。
對於標簽的固有屬性（也就是說w3c給該標簽定義的屬性），建議用prop方法。 如 var id = $("#link1").prop("id"); 獲取標簽a的id屬性。
對於上述在html文件中靜態添加的自定義屬性，建議用attr方法。如 var action = $("#link1").attr("action"); 獲取標簽a的自定義action屬性。因為經過測試發現，對於這種自定義屬性，調用prop方法無法獲取。如果想深入研究下，建議看下jquery的源代碼就清楚了。
三、動態設置html標簽的屬性
我們知道，html文件的每個標簽，在瀏覽器內存中實際對應一個dom對象。html頁面開發中的Js代碼實際就是對dom對象的處理。
這樣我們可以利用js代碼動態的來給dom對象設置屬性。
也有兩種方法：
第一種方法時，獲取dom對象（注意不是jquery對象），如同給普通的js對象一樣，給其添加或設置屬性。
第二種方法，調用jquery對象的方法，給其對應的dom對象添加和設置屬性。
經過測試我們發現，如果要動態添加一個新的屬性，需要利用prop方法，使用attr方法是無效的。如 $("#link1").prop("mydata","demo")
如果該屬性是通過在html文件中靜態添加的自定義的屬性，則修改其值時只能用attr方法。
如果該標簽已經有某個靜態添加的自定義的屬性，這時用prop方法添加一個屬性，則不會影響原來的靜態屬性。但原來的靜態屬性只能用attr方法去讀寫，而用prop方法添加的屬性只能用prop方法去讀寫。
可以看出，attr方法和prop方法還是有很多區別的。
對於自定義屬性，靜態設置和動態設置有較大差別，動態添加自定義屬性只能用prop方法（包括添加、讀取和修改），而靜態自定義屬性后續的讀取和修改只能用attr方法。並且靜態設置的自定義屬性和動態設置的自定義屬性是互不干涉的。對於標簽的固定屬性，讀寫都應該用prop方法。
四、動態刪除html元素的屬性
對於靜態自定義的html屬性，可以利用jquery對象的 removeAttr 方法來刪除屬性，如$("#link1").removeAttr("action"); 就刪除了action自定義屬性。
如果是利用prop方法動態添加的自定義屬性，則需要調用jquery的 removeProp方法來刪除。
對於固定屬性，則也需要調用jquery的 removeProp方法來刪除。
五、小結
經過上面的介紹可以看出。 attr和prop方法是有區別的，並且容易混淆。這里總結下：
1、如果沒有靜態自定義的屬性。則不管是否會動態設置固定屬性或動態屬性。都應該用 prop方法，刪除也用removeProp方法。
2、對於靜態自定義的屬性，則用attr方法和removeAttr來操作。
如果同時有靜態自定義屬性和動態自定義屬性，則使用時要小心區別。並且要注意的是，隨着jquery版本的區別，prop和attr方法的含義也可能會有變化。