ການສະແຫວງການ jQuery
- ບ່ອນໄປຫາກ່ອນ ການເລືອກ jQuery
- ບ່ອນໄປຫາຕໍ່ໄປ jQuery ປິດ/ສະແດງ
jQuery ໄດ້ອອກແບບສະເພາະເພື່ອການຈັດການຂອງສະຖານະການ.
ການຈັດການຂອງ jQuery.
ການຈັດການຂອງສະຖານະການຈັດການຂອງ jQuery.
ການຈັດການຂອງສະຖານະການເຫັນການເກີດຂອງ HTML. ພາສາກ່າວວ່າ 'ກະຕຸ້ນ' (ຫຼື 'ກະຕຸ້ນ') ແມ່ນມີຢູ່ພາຍໃນການຈັດການ.
ປົກກະຕິຈະບັນທຶກວິທີ jQuery ໃນຂອບຂອງ <head> ການຈັດການການຈັດການ.
ຄວາມຄິດຕົວ
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>Click me</button> </body> </html>
ໃນຕົວຢ່າງດັ່ງກ່າວນີ້ບໍ່ດັງຖ່າຍການກະຕຸ້ນການຄຳສັ່ງຂອງການກະຕຸ້ນຂອງຄະແນນຫຼັງຈາກຖ່າຍການກະຕຸ້ນຂອງຄະແນນ.
$("button").click(function() { // some code... } )
ວິທີນີ້ຈະປິດທຸກຫຼັກ <p>.
$("p").hide();
ການບັນທຶກພາສາ
ຖ້າເວັບໄຊຂອງທ່ານມີຫຼາຍໜ້າແລະທ່ານຕ້ອງການວ່າການປະຕິບັດ jQuery ຂອງທ່ານຈະງ່າຍມີການສະໜັບສະໜຸນຫຼາຍຫຼາຍຫຼັງຈາກນັ້ນກະວຍຄວາມຄິດຂອງທ່ານໃຫ້ຢູ່ໃນເອກະສານ .js ອິດສະຫຼະ.
ເມື່ອພວກເຮົາສະແດງ jQuery ໃນການສະແດງຄວາມຄິດຕົວຂອງພວກເຮົາຈະສະແດງການເພີ່ມຫຼັງກັບ <head> ທີ່ຫຼາຍກວ່າຫຼາຍ. ແຕ່ວ່າທີ່ຈະປະກອບກັບເອກະສານພຽງພໍຈະດີຫຼາຍ, ອີງຕາມນີ້ (ຜ່ານ src):
ຄວາມຄິດຕົວ
<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="my_jquery_functions.js"></script> </head>
ການຂັດຂວາງຊື່ jQuery
jQuery ໃຊ້ສິ່ງ $ ເພື່ອສະແດງວ່າ jQuery
ບາງຫົວຂໍ້ຂອງ JavaScript ອື່ນໆ (ອີງຕາມ Prototype) ກໍ່ໃຊ້ສິ່ງ $
jQuery ໃຊ້ວິທີ noConflict() ເພື່ອແກ້ໄຂບັນຫານັ້ນ
var jq=jQuery.noConflict()ທີ່ຈະຊ່ວຍທ່ານໃຊ້ຊື່ຂອງທ່ານເອງ (ອີງຕາມ jq) ແທນສິ່ງ $
ຄຳສະຫຼຸບ
ຍ້ອນວ່າ jQuery ໄດ້ອອກແບບໃຫ້ຈັດການສະຖານະການ HTML ທີ່ຫຼາຍກວ່າຫຼາຍຫຼັງຈາກທີ່ທ່ານຕິດຕໍ່ຕົວອກລວມກັບຂັ້ນຕອນທີ່ຫຼາຍກວ່າຫຼາຍຫຼັງຈາກທີ່ທ່ານຕິດຕໍ່ຕົວອກລວມກັບການຈັດການສະຖານະການ
- ປະກອບການຈັດການຂອງ jQuery ລວມກັບການຈັດການສະຖານະການ
- ປະກອບການຈັດການສະຖານະການຂອງຂັດຂວາງກັບການຈັດການຂອງເອກະສານ
- ປະກອບ jQuery ລວມກັບ .js
- ຖ້າມີການຂັດຂວາງຊື່ສະຖານະການຫຼືຫຼັງຈາກການປະຕິບັດການ jQuery
ການສະແຫວງການ jQuery
ພາຍຫຼັງນີ້ແມ່ນບາງຄວາມທີ່ສະແດງການຂອງການປະຕິບັດການສະຖານະການ jQuery
ການປະຕິບັດການ Event | ຕິດຕໍ່ຕົວອກລວມກັບ |
---|---|
$(document).ready(function) | ກະຕຸ້ມຫຼືມີການຕິດຕໍ່ຕົວອກລວມກັບສະຖານະການຂອງເອກະສານ |
$(selector).click(function) | ກະຕຸ້ມຫຼືມີການຕິດຕໍ່ຕົວອກລວມກັບສະຖານະການຂອງສິ່ງຄັດເລືອກຂອງມືຂໍ້ຄວາມ |
$(selector).dblclick(function) | ກະຕຸ້ມຫຼືມີການຕິດຕໍ່ຕົວອກລວມກັບສະຖານະການຂອງສິ່ງຄັດເລືອກຂອງມືຂໍ້ຄວາມ |
$(selector).focus(function) | ກະຕຸ້ມຫຼືມີການຕິດຕໍ່ຕົວອກລວມກັບສະຖານະການຂອງສິ່ງຄັດເລືອກຂອງມືຂໍ້ຄວາມ |
$(selector).mouseover(function) | ກະຕຸ້ມຫຼືມີການຕິດຕໍ່ຕົວອກລວມກັບສະຖານະການຂອງສິ່ງຄັດເລືອກຂອງມືຂໍ້ຄວາມ |
ສຳລັບການປຶກສາທັງໝົດ,ກະລຸນາຢ້ຽມຢາມ jQuery ການປຶກສາກ່ຽວກັບສະຖານະການ。
- ບ່ອນໄປຫາກ່ອນ ການເລືອກ jQuery
- ບ່ອນໄປຫາຕໍ່ໄປ jQuery ປິດ/ສະແດງ