jQuery - 獲取內容和屬性
jQuery 包含強大的方法,用於更改和操作 HTML 元素和屬性。
jQuery DOM 操作
jQuery 的一個非常重要的部分是操作 DOM 的可能性。
jQuery 附帶了許多與 DOM 相關的方��,可以輕鬆訪問和操作元素及屬性。
DOM = 文件物件模型
DOM 為訪問 HTML 和 XML 文件定義了一個標準
"W3C 文件物件模型 (DOM) 是一個平臺和語言無關的介面,它允許程式和指令碼動態地訪問和更新文件的內容、結構和樣式。"
獲取內容 - text(), html() 和 val()
三個簡單但實用的 jQuery DOM 操作方法是
text()
- 設定或返回所選元素的文字內容html()
- 設定或返回所選元素的內容(包括 HTML 標記)val()
- 設定或返回值欄位的值
以下示例演示瞭如何使用 jQuery 的 text()
和 html()
方法獲取內容
示例
$("#btn1").click(function(){
alert("文字: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
自己動手試一試 »
以下示例演示瞭如何使用 jQuery 的 val()
方法獲取輸入欄位的值
獲取屬性 - attr()
jQuery 的 attr()
方法用於獲取屬性值。
以下示例演示瞭如何獲取連結中 href 屬性的值
下一章將解釋如何設定(更改)內容和屬性值。
jQuery 練習
jQuery HTML 參考
要檢視所有 jQuery HTML 方法的完整概述,請訪問我們的 jQuery HTML/CSS 參考。