jQuery - ການເລືອກ

ຄົ້ນຫາອາສາສະໜາມມີຄວາມສາມາດດໍາເນີນການຕໍ່ກັບກຸ່ມສິ່ງຫຼືສິ່ງດຽວ.

jQuery - ການເລືອກ

ໃນຫົວຂໍ້ກ່ອນໜ້ານີ້ພວກເຮົາໄດ້ສະແດງຫຼາຍຄະດີກ່ຽວກັບວິທີການຄົ້ນຫາສິ່ງ HTML.

ສະຖານະການສຳຄັນແມ່ນການຮຽນກັບວິທີການຄົ້ນຫາສິ່ງທີ່ທ່ານຕ້ອງການນຳໃຊ້ຜົນຜະລິດ.

jQuery Element Selector ແລະ Attribute Selector ສາມາດເລືອກ HTML Element ຜ່ານ Tag Name, Attribute Name ຫຼື Content.

Selector ສາມາດດຳເນີນການໃສ່ HTML Element Group ຫຼື Element Single

ໃນຄຳເວົ້າ HTML DOM:

Selector ສາມາດດຳເນີນການໃສ່ DOM Element Group ຫຼື DOM Node Single

jQuery Element Selector

jQuery ນຳໃຊ້ CSS Selector ເພື່ອເລືອກ HTML Element

$("p") ເລືອກ <p>

$("p.intro") ເລືອກປະກົດຕົວ <p> class="intro"

$("p#demo") ເລືອກປະກົດຕົວ <p> id="demo"

jQuery Attribute Selector

jQuery ນຳໃຊ້ XPath Expression ເພື່ອເລືອກປະກົດຕົວທີ່ມີບາງຢ່າງຂອງບາງຢ່າງຕ້ອງການ

$("[href]") ເລືອກປະກົດຕົວ ທີ່ href

$("[href='#']") ເລືອກປະກົດຕົວ ທີ່ href ມີຊື່ສັບທີ່ແມ່ນ "#"

$("[href!='#']") ເລືອກປະກົດຕົວ ທີ່ href ມີຊື່ສັບທີ່ບໍ່ແມ່ນ "#"

$("[href$='.jpg']") ເລືອກປະກົດຕົວ ທີ່ href ມີຊື່ສັບທີ່ສິ້ນສູງດັ່ງ ຄິດ

jQuery CSS Selector

jQuery CSS Selector ສາມາດປ່ຽນບາງຢ່າງຂອງ CSS HTML Element.

ຕົວຢ່າງດັ່ງລຽງນີ້ ຈະປ່ຽນສີທີ່ຫຼັງສີແຜ່ນທັງໝົດຂອງ p ມາເປັນສີສີແຜ່ນ

ຕົວຢ່າງ

$("p").css("background-color","red");

ທ່ານຈະພະຍາຍາມ

ຄວາມຄິດທີ່ຫຼາຍກວ່າຂອງການເລືອກຕົວ

ສັບສຳນວນ ການອະທິບາຍ
$(this) HTML ປະກົດຕົວປະຈຸບັນ
$("p") ທຸກປະກົດຕົວ <p>
$("p.intro") ທຸກປະກົດຕົວ class="intro" <p>
$(".intro") ທຸກປະກົດຕົວ class="intro"
$("#intro") ປະກົດຕົວ id="intro"
$("ul li:first") ປະກົດຕົວ <li> ທຳອິດຂອງແຕ່ລະ <ul>
$("[href$='.jpg']") ທຸກປະກົດຕົວ ທີ່ href ມີຊື່ສັບທີ່ສິ້ນສູງດັ່ງ ຄິດ
$("div#intro .head") ປະກົດຕົວ <div> id="intro" ແລະ ປະກົດຕົວ ທີ່ class="head"

ສຳລັບຄູ່ມວນຊົນທັງໝົດ ຂ້ອຍຂໍໃຫ້ທ່ານເຂົ້າ ຄູ່ມວນຊົນ jQuery ການເລືອກ。