對內容的操作：
捕獲：獲得內容
text() - 設置或返回所選元素的文本內容
html() - 設置或返回所選元素的內容（包括 HTML 標記）
val() - 設置或返回表單字段的值。
設置：設置內容
添加新內容：
text("新內容") - 設置所選元素的文本內容
html("新內容") - 設置所選元素的內容（包括 HTML 標記）
val("新內容") - 設置表單字段的值
添加新內容的同時，通過回調函數，拿到舊的內容和當前元素的下標：
<body> <p>baidu.com.cn</p> <p>baidu.com.cn</p> <p>baidu.com.cn</p> <button>添加新內容</button> </body> </html> <script> $(document).ready(function(){ $("button").click(function(){ $("p").html(function(i,origValue){ //回調函數中i是當前被選元素的下標，origValue是原來的文本 return i+","+origValue + "/news"; }); }); }); </script>
對元素的操作：
添加元素：添加新的 HTML 內容
1.append() - 在被選元素的內部結尾插入內容
2.prepend() - 在被選元素的內部開頭插入內容
3.after() - 在被選元素外部之后插入內容
4.before() - 在被選元素外部之前插入內容
刪除元素：
1.remove() - 刪除被選元素（及其子元素）
2.empty() - 從被選元素中刪除其子元素
屬性操作：
獲取屬性：attr() 方法用於獲取屬性值。
$("button").click(function(){
alert($("#runoob").attr("href"));
});
設置屬性：
attr("屬性名","屬性值") 方法也用於設置屬性值。
多個屬性：
$("button").click(function(){
$("#runoob").attr({
"href" : "http://www.baidu.com",
"title" : "百度"
});
});
添加新屬性的同時，通過回調函數，拿到舊的屬性和當前元素的下邊：
<body> <p><a href="http://www.baidu.com.cn" class="baidu">baidu.com.cn</a></p> <p><a href="http://www.baidu.com.cn" class="baidu">baidu.com.cn</a></p> <p><a href="http://www.baidu.com.cn" class="baidu">baidu.com.cn</a></p> <button>改變 href 值</button> <p>請把鼠標指針移動到鏈接上，或者點擊該鏈接，來查看已經改變的 href 值。</p> </body> </html> <script> $(document).ready(function(){ $("button").click(function(){ $(".baidu").html(function(i,origValue){ //回調函數中i是當前被選元素的下標，origValue是原來的文本 return i+","+origValue + "/images"; }); }); }); </script>
刪除屬性：removeAttr() 從所有匹配的元素中移除指定的屬性。
class類的操作：
addClass() 向匹配的元素添加指定的類名。
hasClass() 檢查匹配的元素是否擁有指定的類。
removeClass() 從所有匹配的元素中刪除全部或者指定的類。
toggleClass() 從匹配的元素中添加或刪除一個類。