JQuery 入門指南(3):DOM對象及其屬性的操作

html() - 設定或返回所選元素的內容（包括 HTML 標籤）
val() - 設定或返回表單欄位的值
attr() 方法用於擷取屬性值。

下面的例子示範如何通過 jQuery text(),html(),val(),attr() 方法來獲得內容：
執行個體

$("#btn1").click(function(){alert("Text: " + $("#test").text());});$("#btn2").click(function(){alert("HTML: " + $("#test").html());});$("#btn1").click(function(){alert("Value: " + $("#test").val());});$("button").click(function(){alert($("#w3s").attr("href"));});

$("#btn1").click(function(){$("#test1").text("Hello world!");});$("#btn2").click(function(){$("#test2").html("<b>Hello world!</b>");});$("#btn3").click(function(){$("#test3").val("Dolly Duck");});$("button").click(function(){$("#w3s").attr("href","http://www.w3school.com.cn/jquery");});

下面的例子示範帶有回呼函數的 text()  html(),attr()：
執行個體

$("#btn1").click(function(){$("#test1").text(function(i,origText){return "Old text: " + origText + " New text: Hello world!(index: " + i + ")";});});$("#btn2").click(function(){$("#test2").html(function(i,origText){return "Old html: " + origText + " New html: Hello <b>world!</b>(index: " + i + ")";});});$("button").click(function(){$("#w3s").attr("href", function(i,origValue){return origValue + "/jquery";});});