jQuery 获得内容和属性

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

jQuery DOM 操作

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

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

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

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

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

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

ສາມພວກມີຄວາມມອບຫຼາຍທີ່ສາມາດປະຕິບັດຢູ່ DOM.

  • text() - ປ່ຽນຫຼືການກັບຄືນຄວາມຕ້ອງການຂອງບົດສະຫລຸບຂອງຂະແນນບາງຂັ້ນ.
  • html() - ປ່ຽນຫຼືການກັບຄືນຄວາມຕ້ອງການຂອງບົດສະຫລຸບຂອງຂະແນນບາງຂັ້ນ (ບໍ່ກວດກາ 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("Value: " + $("#test").val());
});

ຕື່ມຕົວກັບທ່ານຕົນເອງ

获取属性 - attr()

jQuery attr() 方法用于获取属性值。

ບົດສະຫລຸບພາຍໃນຕໍ່າມັນຈະສະແດງວ່າບາງຄົນຈະຮັບຄວາມຕ້ອງການຂອງຄວາມມູນ href ຂອງການເຊື່ອມຕໍ່ພາຍໃນ:

ບົດສະຫລຸບ

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

ຕື່ມຕົວກັບທ່ານຕົນເອງ

ຄັ້ງຕໍ່ໄປຈະອະທິບາຍວ່າບາງຄົນຈະປ່ຽນປ່ຽນຂໍ້ມູນ ແລະ ປະກອບປະສົງທີ່ບັນຈຸ.

jQuery HTML 参考手册

ສຳລັບຂໍ້ມູນຂອງ jQuery HTML ທີ່ຄົບຄົວສະຫລຸບຂອງຄູ່ມູນຂໍ້ມູນພາຍໃນຂໍ້ມູນຊັ້ນດັ່ງກ່າວແນວນັ້ນຂອງ jQuery HTML ດັ່ງຕໍ່ມາ: