選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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() 方法獲取輸入欄位的值

示例

$("#btn1").click(function(){
  alert("值: " + $("#test").val());
});
自己動手試一試 »


獲取屬性 - attr()

jQuery 的 attr() 方法用於獲取屬性值。

以下示例演示瞭如何獲取連結中 href 屬性的值

示例

$("button").click(function(){
  alert($("#w3s").attr("href"));
});
自己動手試一試 »

下一章將解釋如何設定(更改)內容和屬性值。


jQuery 練習

透過練習來測試自己

練習

使用 jQuery 方法返回一個 <div> 元素的文字內容。

$("div").();

開始練習


jQuery HTML 參考

要檢視所有 jQuery HTML 方法的完整概述,請訪問我們的 jQuery HTML/CSS 參考


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援