prop和attr的根本區別在於：
1、對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。
<a href="" target="_self" class="btn">百度</a>
這個例子裏<a>元素的DOM屬性有“href、target和class"，這些屬性就是<a>元素本身就帶有的屬性，也是W3C標準裏就包含有這幾個屬性，或者說在IDE裏能夠智能提示出的屬性，這些就叫做固有屬性。處理這些屬性時，建議使用prop方法。
2、對於HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。
<a href="#" id="link1" action="delete">刪除</a>
這個例子裏<a>元素的DOM屬性有“href、id和action”，很明顯，前兩個是固有屬性，而後面壹個“action”屬性是我們自己自定義上去的，<a>元素本身是沒有這個屬性的。這種就是自定義的DOM屬性。處理這些屬性時，建議使用attr方法。
擴展資料：
attr() 方法設置或返回被選元素的屬性值。
根據該方法不同的參數，其工作方式也有所差異。
當該方法用於返回屬性值，則返回第壹個匹配元素的值。
當該方法用於設置屬性值，則為匹配元素設置壹個或多個屬性/值對
簡潔的JavaScript框架，是繼Prototype之後又壹個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情
。它封裝JavaScript常用的功能代碼，提供壹種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
參考資料：
百度百科-attr()