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