jQuery 获得内容和属性

jQuery 拥有可操作 HTML 元素和属性的强大方法。

jQuery DOM 操作

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

jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。

提示：DOM = Document Object Model（文档对象模型）

DOM 定义访问 HTML 和 XML 文档的标准：

“W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法：

  • text() - Thiadhi au kuweka ujumbe wa hatua wa chaguo chaguo
  • html() - Thiadhi au kuweka ujumbe wa hatua wa chaguo chaguo (kikamilifu cha hatua ya HTML)
  • val() - Thiadhi au kuweka thamani ya hatua ya formu

Mfano hii inadhumisha kama unaweza kufikia ujumbe wa hatua kwa hatua ya jQuery text() na html():

Mfano

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

Tafuta kwa kufikia

Mfano hii inadhumisha kama unaweza kufikia thamani ya hatua ya input kwa hatua ya jQuery val():

Mfano

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

Tafuta kwa kufikia

Kufikia hatua - attr()

Hatua ya jQuery attr() inatumika kufikia thamani ya hatua.

Mfano hii inadhumisha kama unaweza kufikia thamani ya hatua ya href kwenye kikamilifu cha kiungo:

Mfano

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

Tafuta kwa kufikia

Kichwa cha kuzingatia kuzingatia na kuzingatia ujumbe na mafanikio wa hatua kina, itakuwa inayotutumia.

Kikimbilio cha jQuery HTML

Kwa ujumbe wa kamili wa hatua ya jQuery HTML, tazama kikimbilio kilichotumika hapa chini: