jQuery ການດຳເນີນການແບບເລື່ອງ - replaceWith()

ຄູ່ມືການຜົນຂອງ jQuery

ຫນັງການທົດລອງ

ນຳໃຊ້ຄຳຂຽນໂຕກະຊວງເພື່ອຫນັງສັນຍານທີ່ເລືອກ.

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

ສອບທອດພາຍໃນຕົວເລື່ອງ

ການອະທິບາຍ ແລະ ການນຳໃຊ້

ການນຳໃຊ້ replaceWith() ມີຄວາມຈະເປັນສັນຍານທີ່ຕັ້ງແທນສັນຍານທີ່ເລືອກດ້ວຍ HTML ຂອງສັນຍານຫນັງ.

ຄຳແນະນຳ:replaceWith() ກັບ replaceAll() ມີຄວາມຄືກັນ. ຄວາມແຕກຕ່າງຢູ່ວ່າວິທິການ: ຄວາມມູນຄ່າຂອງຄວາມມູນຄ່າແລະ selector, ແລະ replaceAll() ບໍ່ສາມາດໃຊ້ການສັນຍານທີ່ຕັ້ງ.

ວິທິການ

$().replaceWith(content)
ປະເພັນ ອະທິບາຍ
content

ສະເພາະ. ປະກອບຄຳສັງເກດສັນຍານທີ່ຈະແທນ.

ຄວາມມູນຄ່າທີ່ສາມາດໃຊ້.

  • ລະບົບ HTML - ເຊັ່ນ ("<div></div>")
  • ສັນຍານໃໝ່ - ເຊັ່ນ (document.createElement("div"))
  • ສັນຍານທີ່ມີຢູ່ກ່ອນໜ້ານີ້ - ເຊັ່ນ ($(".div1"))

ສັນຍານທີ່ມີຢູ່ກ່ອນໜ້ານີ້ຈະບໍ່ຖືກຍ້າຍ, ຈະຖືກສໍາເນົາແລະການລວມສັນຍານທີ່ເລືອກ.
ສະເພາະ. ປະກອບຄຳສັງເກດສັນຍານທີ່ຈະແທນ.

ນຳໃຊ້ການສັນຍານທີ່ຕັ້ງແທນສັນຍານ

ນຳໃຊ້ການສັນຍານທີ່ຕັ້ງຂອງສັນຍານແທນສັນຍານທີ່ເລືອກ.

ວິທິການ

$().replaceWith(function())

ສອບທອດພາຍໃນຕົວເລື່ອງ

ປະເພັນ ອະທິບາຍ
function() ສະເພາະ. ການກັບຄືນສັນຍານທີ່ເລືອກຫນັງຈາກສັນຍານທີ່ເລືອກ.

ຫນັງການທົດລອງ

ນຳໃຊ້ສັນຍານໃໝ່ແທນສັນຍານ
ນຳໃຊ້ document.createElement() ເພື່ອສ້າງສັນຍານ DOM ອັນໃໝ່ຫນັງຈາກນັ້ນໃຊ້ມັນແທນສັນຍານທີ່ເລືອກ.

ຄູ່ມືການຜົນຂອງ jQuery