TShopping

 找回密碼
 註冊
搜索
查看: 636|回復: 0

[分享] jQuery - 獲得該元素內容和屬性

[複製鏈接]
發表於 2019-8-1 21:43:02 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk  
獲得內容- 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. });
複製代碼



文章出處

 

臉書網友討論
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2021-9-22 11:07 , Processed in 0.262228 second(s), 22 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表