jQuery - 獲取內容和屬性

金木大大大發表於2023-12-18

  jQuery擁有可操作HTML元素和屬性的強大方法。


  jQuery DOM操作


  jQuery中非常重要的部分,就是操作DOM的能力。


  jQuery提供一系列與DOM相關的方法,這使訪問和操作元素和屬性變得很容易。


  lamp DOM=Document Object Model(檔案物件模型)


  DOM定義訪問HTML和XML檔案的標準:


  "W3C檔案物件模型獨立於平臺和語言的介面,允許程式和指令碼動態訪問和更新檔案的內容、結構以及樣式。"


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


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


  text()-設定或返回所選元素的文字內容


  html()-設定或返回所選元素的內容(包括HTML標籤)


  val()-設定或返回表單欄位的值


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


  例項


  $("#btn1").click(function(){


  alert("Text:"+$("#test").text());


  });


  $("#btn2").click(function(){


  alert("HTML:"+$("#test").html());


  });


  ;//爬蟲IP獲取;


  下面的例子演示如何透過jQuery val()方法獲得輸入欄位的值:


  例項


  $("#btn1").click(function(){


  alert("值為:"+$("#test").val());


  });


  獲取屬性-attr()


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


  下面的例子演示如何獲得連結中href屬性的值:


  例項


  $("button").click(function(){


  alert($("#runoob").attr("href"));


  });


來自 “ ITPUB部落格 ” ,連結:https://blog.itpub.net/70032566/viewspace-3000429/,如需轉載,請註明出處,否則將追究法律責任。

相關文章