JavaScript強化教程－取得內容和屬性

本文為 H5EDU 機構官方 HTML5培訓 教程，主要介紹：JavaScript強化教程 —— 獲取內容和屬性 


jQuery - 獲取內容和屬性 
jQuery 擁有可操作 HTML 元素和屬性的強大方法。 
jQuery DOM 操作 
jQuery 中非常重要的部分，就是操作 DOM 的能力。 
jQuery 提供一系列與 DOM 相關的方法，這使得存取和操作元素和屬性變得容易。
lamp DOM = Document Object Model（文件物件模型） 

DOM 定義存取HTML 和XML 文件的標準： 
"W3C 文件物件模型獨立於平台和語言的介面，允許程式和腳本動態存取和更新文件的內容、結構以及樣式。 html() - 設定或傳回所選元素的內容（包括HTML 標記） 
val() - 設定或傳回所選取元素的內容（包括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("值為: " + $("#test").val()); 
}); 

取得屬性- attr( ) 
jQuery attr() 方法用於取得屬性值。
下面的範例示範如何取得連結中href 屬性的值： 
實例 
$("button").click(function(){ 
  alert($("#runoob").attr("href")); 
});