1、添加並移除名為‘color’的屬性：
$('button').click(function () {
var $x = $('div')
$x.prop('color', 'f00')
$x.append('The color 屬性：' + $x.prop('color'))
$x.removeProp('color')
})
prop()方法設置或返回被選元素的屬性和值，
返回屬性值時，返回第一個匹配元素的值；
設置屬性值時，為匹配元素集合設置一個或多個屬性/值對
注意：prop（）方法應該用於檢索屬性值，例如DOM屬性；
如需檢索HTML屬性，請使用attr（）方法代替；
如需移除屬性，請使用removeProp（）方法
eg：
返回屬性的值：$(selector).prop(規定屬性的名稱)
設置屬性和值：$(selector).prop(規定屬性的名稱，規定屬性的值)
使用函數設置屬性和值：$(selector).prop(規定屬性的名稱，function （檢索集合中元素的index位置，檢索被選元素的當前屬性值）)
設置多個屬性和值：$(selector).prop({規定屬性的名稱：規定屬性的值，規定屬性的名稱：規定屬性的值，......})
2、prop（）還有一個很好用的功能，就是可以直接獲取到對應元素標簽及子孫標簽：
eg：
<!DOCTYPE html>
<html>
<head>
<title>練習</title>
<style type="text/css"></style>
</head>
<body>
<div class="
test"><p class="test1">hello，你好！</p></div>
<script type="text/javascript" src="jquery-1.11.3.js"></script>
<script type="text/javascript">
console.log(
$(".test").prop("outerHTML"))
//
結果：<div class="test"><p class="test1">hello，你好！</p></div>
</script>
</body>
</html>
或者用：
$(this).clone()).html()
補充：
html（）用來讀取和修改元素的HTML標簽；
test（）用來讀取或修改元素的純文本內容；
val（）用來讀取或修改表單元素的value值