jQuery - 獲得該元素內容和屬性

woff

獲得內容- text()、html() 以及val()

三個簡單實用的用於DOM 操作的jQuery 方法：

• text() - 設置或返回所選元素的文本內容
• html() - 設置或返回所選元素的內容（包括HTML 標記）
• val() - 設置或返回表單字段的值
  

下面的例子演示如何通過jQuery text() 和html() 方法來獲得內容：

實例

1. $("#btn1").click(function(){
   
2.   alert("Text: " + $("#test").text());
   
3. });
   
4. $("#btn2").click(function(){
   
5.   alert("HTML: " + $("#test").html());
   
6. });

複製代碼

親自試一試

下面的例子演示如何通過jQuery val() 方法獲得輸入字段的值：

實例

1. $("#btn1").click(function(){
   
2.   alert("Value: " + $("#test").val());
   
3. });

複製代碼

親自試一試

獲取屬性- attr()

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

下面的例子演示如何獲得鏈接中href 屬性的值：

實例

1. $("button").click(function(){
   
2.   alert($("#w3s").attr("href"));
   
3. });

複製代碼

親自試一試

文章出處