jQuery 擁有可操作(zuò) HTML 元素和(hé)屬性的強大(dà)方法。
jQuery DOM 操作(zuò)
jQuery 中非常重要的部分，就是操作(zuò) DOM 的能(néng)力。
jQuery 提供一系列與 DOM 相關的方法，這(zhè)使訪問和(hé)操作(zuò)元素和(hé)屬性變得很(hěn)容易。
提示：DOM = Document Object Model（文(wén)檔對(duì)象模型）
DOM 定義訪問 HTML 和(hé) XML 文(wén)檔的标準：
“W3C 文(wén)檔對(duì)象模型獨立于平台和(hé)語言的界面，允許程序和(hé)腳本動态訪問和(hé)更新文(wén)檔的内容、結構以及樣式。”
獲得内容 - text()、html() 以及 val()
三個簡單實用(yòng)的用(yòng)于 DOM 操作(zuò)的 jQuery 方法：
text() - 設置或返回所選元素的文(wén)本内容
html() - 設置或返回所選元素的内容（包括 HTML 标記）
val() - 設置或返回表單字段的值
下(xià)面的例子演示如何通過 jQuery text() 和(hé) html() 方法來(lái)獲得内容：
實例
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
下(xià)面的例子演示如何通過 jQuery val() 方法獲得輸入字段的值：
實例
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
獲取屬性 - attr()
jQuery attr() 方法用(yòng)于獲取屬性值。
下(xià)面的例子演示如何獲得鏈接中 href 屬性的值：
實例
$("button").click(function(){
alert($("#w3s").attr("href"));
});
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發