jQuery ພັດທະນາ - end()

jQuery ການເສັງລາຍງາຍ

ກໍານົດຄວາມສະເໜີ

ເລືອກປະກອບ p ແລະຊອກຫາປະກອບ span ທີ່ຢູ່ໃນປະກອບ p ແລະຈະປະຕິບັດການປະຕິບັດກັບປະກອບ p ແລະຈະຈຸດຕັ້ງປະກອບ p ທີ່ມີບານຂອງຫຼັກສີແຣດ 2 ຕີ.

$("p").find("span").end().css("border", "2px red solid");

ທີ່ຈະທົດລອງພວກເຮົາຕົກຕ້ອງ

ການສະເໜີ ແລະ ການນໍາໃຊ້

ກົນລະຍຸດ end() ສົ່ງກັບການພັດທະນາສຸດທ້າຍຂອງການພັດທະນາທີ່ມີພາຍໃນການຕິດຕາມແລະຈະກັບຄືນປະກອບຈັບຄືນໄປຕົວເວລາກ່ອນ.

ສັບສິນພາສາ

.end()

ອະທິບາຍຢ່າງລະອຽດ

ສ່ວນຫຼາຍຂອງການພັດທະນາ jQuery ຈະປະຕິບັດກັບອຸປະກອນ jQuery ເອກະສານຫຼັກແລະຈະສ້າງອຸປະກອນຫຼັກໃໝ່ທີ່ຈະຕິດຕາມປະກອບ DOM ແຕກຕ່າງກັນ. ເມື່ອເກີດມີການດັ່ງກ່າວນັ້ນແລ້ວຄວນຈະກະຈາຍຄືນທີ່ຢູ່ໃນຄັນກະຕຸບຂອງອຸປະກອນ. ແຕ່ລະການການພັດທະນາທີ່ປະສົບຜົນສຳເລັດຈະຈະມາຕິດຕາມຄືນຫຼັງການພັດທະນາ. ຖ້າພວກເຮົາຕ້ອງການຄືນກັບປະກອບຫຼັກແລ້ວສາມາດໃຊ້ end() ເພື່ອຖອນຄືນຄືນທີ່ຢູ່ໃນຄັນກະຕຸບ.

ສະນັ້ນພວກເຮົາມີລາຍການທີ່ສັ້ນຫຼາຍ:

<ul class="first">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>
<ul class="second">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>

ຕົວຢ່າງ 1

ມັນຈະມີຫຼາຍຫຼາຍຄວາມປະສົງຫຼາຍກວ່າ jQuery ທີ່ຈະໃຊ້ການທາງສັດສະຫຼາກ (ການສັ່ງຕອນຕໍ່ມາ) ເມື່ອພວກເຮົາບໍ່ໃຊ້ການທາງສັດສະຫຼາກ ພວກເຮົາຈະທົດລອງບັນດາບັນດາ jQuery ຜ່ານຊື່ວິຊາຫຼັງຈາກທີ່ພວກເຮົາບໍ່ຕ້ອງການການໃຊ້ຄືນບັນດາບັນດາ jQuery. ແຕ່ວ່າຈາກ end() ພວກເຮົາສາມາດທົດລອງການໃຊ້ວິທະຍານທັງໝົດນຳມາກັນ:

$('ul.first').find('.foo').css('background-color', 'red')
  .end().find('.bar').css('background-color', 'green');

ທີ່ຈະທົດລອງພວກເຮົາຕົກຕ້ອງ

ການສະແດງຄຳສັ່ງນີ້ຕັດງົດການຄົ້ນຫາບັນດາບັນດາ ທີ່ມີຊື່ວິຊາ foo ໃນລາຍການທຳອິດ ແລະ ຈະຕັດງົດສະພາບບໍລິການຂອງພວກເຂົາເປັນແສງຂີ້. end() ຈະຖືກກູ້ຄືນບັນດາບັນດາ jQuery ຄືນໄປສະພາບກ່ອນທີ່ການໃຊ້ find() ປະກົດຂຶ້ນ ແລະ ຈະຄົ້ນຫາ '.bar' ໃນ <ul class="first"> ຈະບໍ່ໄດ້ຄົ້ນຫາ '.bar' ໃນ <li class="foo"> ແລະ ຈະຕັດງົດສະພາບບໍລິການຂອງບັນດາບັນດາ ທີ່ມີຊື່ວິຊາ foo ເປັນແສງຂີ້. ຜົນສະຫຼຸບທີ່ມີບັນດາບັນດາ ທີ່ມີຊື່ວິຊາ foo ໃນລາຍການທຳອິດຈະຕັດງົດສະພາບບໍລິການຂອງພວກເຂົາເປັນແສງຂີ້ ແລະ ບັນດາບັນດາທີ່ມີຊື່ວິຊາ foo ໃນລາຍການທີສອງຈະບໍ່ມີການປ່ຽນແປງສະພາບບໍລິການ.

ຕົວຢ່າງ 2

ການຕັດງົດ jQuery ນີ້ສາມາດສະແດງໄດ້ວ່າຄູ່ມັນສະແດງຄວາມສາຍຢູ່ທີ່ມີຄວາມສັບສົນຂອງລະບຸວິທະຍານ ການເປີດການພິຈາລະນາຂອງລະບຸວິທະຍານທີ່ຂຽນໃນຄູ່ມັນຫຼັງຈາກນັ້ນ ການໃຊ້ end() ສາມາດປິດການພິຈາລະນາສະໜາມ:

$('ul.first').find('.foo')
  .css('background-color', 'red')
.end().find('.bar')
  .css('background-color', 'green')
.end();

ທີ່ຈະທົດລອງພວກເຮົາຕົກຕ້ອງ

ສຸດທ້າຍການໃຊ້ end() ບໍ່ຈຳເປັນ ຍ້ອນວ່າພວກເຮົາຈະຍົກຍ້າຍບັນດາບັນດາ jQuery. ແຕ່ຖ້າພວກເຮົາຂຽນລະບຸວິທະຍານເປັນຮູບແບບນັ້ນຈະສາມາດສະແດງຄວາມສອດສະຫຼາກທາງທີ່ສາຍຢູ່ ແລະ ສະແດງຄວາມຄົບຄວາມທີ່ພຽງແຕ່ສະມາຊິກພັດທະນາການດັ່ງນັ້ນຈະຫຼາຍກວ່າບໍ່ຈຳເປັນ ການຫຼຸດຄວາມສະໜາມບໍ່ຫຼາຍຂອງການເກັບກັບບັນດາບັນດາ jQuery.

jQuery ການເສັງລາຍງາຍ