jQuery 獲得內容和屬性
jquery 獲得內容和屬性
jquery 擁有可操作 html 元素和屬性的強大方法。
1. jquery dom 操作
jquery 中非常重要的部分，就是操作 dom 的能力。
jquery 提供一系列與 dom 相關的方法，這使訪問和操作元素和屬性變得很容易。
提示：dom = document object model（文檔對象模型）
dom 定義訪問 html 和 xml 文檔的標準：
“w3c 文檔對象模型獨立于平臺和語言的界面，允許程序和腳本動態訪問和更新文檔的內容、結構以及樣式。”
2. 獲得內容 - text()、html() 以及 val()
三個簡單實用的用于 dom 操作的 jquery 方法：
- text() - 設置或返回所選元素的文本內容
- html() - 設置或返回所選元素的內容（包括 html 標記）
- val() - 設置或返回表單字段的值
下面的例子演示如何通過 jquery text() 和 html() 方法來獲得內容：
范例
$("#btn1").click(function(){
alert("text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("html: " + $("#test").html());
});
下面的例子演示如何通過 jquery val() 方法獲得輸入字段的值：
范例
$("#btn1").click(function(){
alert("value: " + $("#test").val());
});
3. 獲取屬性 - attr()
jquery attr() 方法用于獲取屬性值。
下面的例子演示如何獲得鏈接中 href 屬性的值：
范例
$("button").click(function(){
alert($("#w3s").attr("href"));
});
學習JQuery