ເປັນຫຍັງພວກເຮົາຕ້ອງການແລະວິທີການບັນທຶກ JQuery, ເລືອກ?

ການອອກແບບເວັບໄຊຕ໌ທີ່ທັນສະໄຫມຄວນບໍ່ພຽງແຕ່ແມ່ບົດ ພື້ນຖານຂອງ HTML ໄດ້, ໄດ້ CSS ແລະ JavaScript, ແຕ່ຍັງຈະສາມາດເຮັດວຽກຢູ່ໃນຫ້ອງສະຫມຸດ JQuery, ເຊິ່ງສຸມໃສ່ການປະຕິສໍາພັນຂອງ JavaScript ທີ່ມີເອກະສານ HTML ໄດ້. ວ່າມັນອະນຸຍາດໃຫ້ເຂົ້າເຖິງໄວເພື່ອອົງປະກອບໃດ DOM (ການໂຕ້ຕອບການຂຽນໂປຣແກຣມຮ້ອງສະຫມັກທີ່ສະຫນອງການເຂົ້າເຖິງເນື້ອໃນ html ໄຟລ໌) ແລະໃຊ້ໃຫ້ເຂົາເຈົ້າ. ຫົວຫນ່ວຍໂຄງສ້າງຕົ້ນຕໍຂອງຫໍສະຫມຸດແມ່ນທີມງານ. ໃນຄໍາສັ່ງທີ່ຈະສະຫມັກຂໍເອົາຫນຶ່ງຫຼືທີມງານອື່ນໆ, ທ່ານຕ້ອງການ JQuery, ເລືອກ.

selectors ສູດໃນຫ້ອງສະຫມຸດ JQuery

The selectors ໃນ JQuery ອີງໃສ່ການນໍາໃຊ້ໃນ CSS. ພວກເຂົາຖືກກໍານົດໃຫ້ເລືອກເອົາລາຍການ HTML, ໄຟລ໌, ການນໍາໃຊ້ໃຫ້ເຂົາເຈົ້າເພື່ອເຮັດໃຫ້ການເຫຼົ່ານີ້ຫຼືວິທີການອື່ນໆຂອງການຈັດການໃຫ້ເຂົາເຈົ້າ (ທີມງານ). ຄົ້ນຫາໄດ້ຖືກປະຕິບັດໂດຍຜ່ານຕົວເລືອກ $ () ຫນ້າທີ່. ສໍາລັບຕົວຢ່າງ, $ ( 'DIV').

The selectors ສາມາດໄດ້ຮັບການຈັດຂຶ້ນຢູ່ກັບວິທີການຄັດເລືອກຂອງອົງປະກອບທີ່:

• ພື້ນຖານ;
• ໂດຍໃຫ້ເຫດຜົນ;
• ລໍາດັບຊັ້ນ;
• ເນື້ອໃນ;
• ກ່ຽວກັບສະຖານະການໄດ້;
• ທາງເລືອກຂອງນາຮູບແບບ;
• ຄົນອື່ນ.

selectors Key

ໃນ 90% ຂອງກໍລະນີໃນເວລາທີ່ການນໍາໃຊ້ຫ້ອງສະຫມຸດນີ້ຖືກນໍາໃຊ້ JQuery, ເລືອກທີ່ເປັນຂອງກຸ່ມການຕົ້ນຕໍຂອງ. ທັງຫມົດຂອງພວກເຂົາແມ່ນຂ້ອນຂ້າງງ່າຍດາຍແລະຈະແຈ້ງ. ໃຫ້ພວກເຮົາພິຈາລະນາໃນແຕ່ລະຂອງພວກເຂົາ:

• * - ເລືອກອົງປະກອບຫນ້າທັງຫມົດ, ລວມທັງຫົວ, ຮ່າງກາຍ, ແລະອື່ນໆ.
• p / div / sidebar / ... - ເລືອກອົງປະກອບທັງຫມົດທີ່ກ່ຽວຂ້ອງກັບໂຄດຄໍາສັ່ງທີ່ກໍາຫນົດໄວ້ (ເຊົ່ນກັບ p.div, sidebar, ແລະອື່ນໆ ... );
• .myClass / p.myClass - ເລືອກອົງປະກອບທີ່ມີຊື່ລະດັບທີ່ກໍານົດໄວ້;
• # myid / p # myid -. ເລືອກໃດຫນຶ່ງລາຍການທີ່ມີລະຫັດດັ່ງກ່າວ.

ຕໍ່ໄປນີ້ແມ່ນຕົວຢ່າງ. ໃຫ້ຂອງເວົ້າວ່າພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ເລືອກເອົາອົງປະກອບທັງຫມົດໃນຫນ້າເວັບທີ່ມີການປ້ອນລະດັບ par ຈະເປັນດັ່ງຕໍ່ໄປນີ້: (. par) $. ຖ້າຫາກວ່າມີຄວາມຈໍາເປັນພຽງແຕ່ອົງປະກອບ p ຂອງລະດັບດັ່ງກ່າວນີ້, ຫຼັງຈາກນັ້ນຂຽນ: $ (p.par).

attribute selectors

ທ່ານສາມາດນໍາໃຊ້ໄດ້ JQuery ຕົ້ນຕໍ, ເລືອກ, ຖ້າຫາກວ່າພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ເລືອກເອົາລາຍການທີ່ເປັນຂອງທຸກມີລະຫັດລະດັບຫລືເລືອກອົງປະກອບທັງຫມົດໃນຫນ້າເວັບ. ຢ່າງໃດກໍຕາມ, ມີກໍລະນີໃນເວລາທີ່ລາຍການບໍ່ມີລະດັບຫຼື ID. ມັນແມ່ນສໍາລັບນີ້ແລະມີການເລືອກໂດຍໃຫ້ເຫດຜົນ. ພວກເຂົາເຈົ້າອະນຸຍາດໃຫ້ທ່ານເພື່ອເຮັດໃຫ້ເປັນການຄັດເລືອກກ່ຽວກັບບາງ ຄຸນລັກສະນະຂອງ HTML, ອົງປະກອບ, ເຊັ່ນ: href ຫຼື src. ຄຸນລັກສະນະນີ້ແມ່ນໄດ້ຖືກລາຍລັກອັກສອນໃນ ວົງ [].

ການຍົກຕົວຢ່າງ simplest: $ ([src]) - ເລືອກອົງປະກອບທັງຫມົດທີ່ມີຄຸນລັກສະນະ src. ມັນເປັນໄປໄດ້ທີ່ຈະເຮັດຕົວຢ່າງໄດ້ໂດຍການລະບຸຄ່າ attribute ບາງ: $ ([src = 'http: // ເວັບໄຊ / article / 132222 / ມູນຄ່າ']).

ທ່ານສາມາດນໍາໃຊ້ບາງ selectors JQuery ຖ້າຫາກວ່າທ່ານຕ້ອງການທີ່ຈະເຮັດພາກສະຫນາມຂອງທາງເລືອກ. ສໍາລັບຕົວຢ່າງ, $ (p [color = blue] [size = 12]) - ກໍາລັງຄັດເລືອກເທົ່ານັ້ນທີ່ອົງປະກອບ p ທີ່ມີສີນ້ໍາເງິນແລະຂະຫນາດ 12.

ເນື້ອໃນ Selectors

ໃນກໍລະນີນັ້ນ, ຖ້າຫາກວ່າທ່ານບໍ່ສາມາດເລືອກເອົາອົງປະກອບອີງໃສ່ຄຸນລັກສະນະຫຼື selectors ພື້ນຖານ, ທ່ານຄວນເບິ່ງເນື້ອໃນຂອງເຂົາເຈົ້າ. ໃນຈໍານວນທັງຫມົດມີ 4 ເລືອກຂອງປະເພດນີ້:

• : ມີ - ເລືອກລາຍການທີ່ມີຂໍ້ຄວາມກໍານົດໄວ້;
• : ມີ - ເລືອກອົງປະກອບທີ່ປະກອບດ້ວຍອົງປະກອບອື່ນໆລັກສະນະຂອງເສັ້ນ;
• : ພໍ່ແມ່ - ເລືອກອົງປະກອບທີ່ມີອື່ນໆ;
• : ຫວ່າງເປົ່າ - ເລືອກອົງປະກອບທີ່ບໍ່ມີອື່ນໆ.

ຕໍ່ໄປນີ້ແມ່ນຕົວຢ່າງ. ໃນການເລືອກເອົາທັງຫມົດອົງປະກອບ div, ມີຂໍ້ຄວາມຂອງສະບາຍດີ, ທ່ານຈໍາເປັນຕ້ອງໄດ້ຂຽນ $ (div: ປະກອບດ້ວຍ ( 'ສະບາຍດີ')).

ລໍາດັບຊັ້ນ Selectors

ມີວິທີການທີ່ຈະເລືອກເອົາອົງປະກອບໃນ JQuery, ຄືຄົນອື່ນແມ່ນ - ອີງຕາມລໍາດັບຊັ້ນຂອງພວກເຂົາ (ຫມາຍຄວາມວ່າ, ອັດຕາສ່ວນຂອງແຕ່ລະຄົນອື່ນໆກ່ຽວກັບ HTML, ຫນ້າ). ຢ່າງຫຼາຍຂອງການໃຫ້ເຂົາເຈົ້າ, ດັ່ງນັ້ນພວກເຮົາສະເຫນີທັງສອງໃນທີ່ສຸດ, "ລູກ" ແລະ "ຫລານ".

ໃນກໍລະນີທໍາອິດອົງປະກອບທີ່ຖືກຄັດເລືອກ, ທີ່ມີລູກຫລານໂດຍກົງ (ເດັກນ້ອຍ) ຂອງອົງປະກອບໃຫ້ (ບັນພະບູລຸດ). ສໍາລັບຕົວຢ່າງ, ເພື່ອຄັດເລືອກເອົາອົງປະກອບຂອງບັນຊີລາຍການຢູ່ໃນຫ້ອງຮຽນແສງສະຫວ່າງຊຶ່ງເປັນບັນຊີລາຍຊື່ລູກ nav ໄດ້, ຫຼັງຈາກນັ້ນທ່ານຈໍາເປັນຕ້ອງໄດ້ຂຽນ: $ (ul # nav> li.light).

ທີສອງກໍລະນີ - ເປັນທົ່ວໄປຫຼາຍ. ມີສາມາດໄດ້ຮັບການຄັດເລືອກແລະຕົກທາງອ້ອມຂອງອົງປະກອບທີ່. ສໍາລັບຕົວຢ່າງ, ເພື່ອຄັດເລືອກເອົາລິ້ງຄ໌ພາຍໃນບັນຊີລາຍຊື່ nav ສັ່ງ: $ (ul # nav ກ).

ດັ່ງນັ້ນ, ໃນ JQuery ອົງປະກອບສາມາດໄດ້ຮັບການຄັດເລືອກໃນວິທີການຕ່າງໆໂດຍການນໍາໃຊ້ຕົວກໍານົດການດັ່ງກ່າວເປັນລະດັບ, ລະຫັດ, ລັກສະນະ, ເນື້ອໃນຫຼືລໍາດັບຊັ້ນຂອງອົງປະກອບ HTML, ເອກະສານ.