jQuery ວິທະຍານ

Through jQuery, you can select (query, query) HTML elements and perform "actions" (actions) on them.

jQuery syntax example

$(this).hide()
Demonstration of jQuery hide() function, hide the current HTML element
$("#test").hide()
Demonstration of jQuery hide() function, hide elements with id="test"
$("p").hide()
Demonstration of jQuery hide() function, hide all <p> elements
$(".test").hide()
Demonstration of jQuery hide() function, hide all elements with class="test"

jQuery ວິທະຍານ

Syntax of jQuery is designed for selecting HTML elements, and can perform certain operations on elements.

Basic syntax is:$(selector).action()

  • Dollar sign defines jQuery
  • Selector (selector) "ຊອກຫາ" ແລະ "ຄົ້ນຫາ" HTML elements
  • jQuery action() ດຳເນີນການດຳເນີນສິ່ງກະທຳໃນສະຖານທີ່

ຕົວຢ່າງ

$(this).hide() - ປິດສະຖານທີ່ປະຈຸບັນ

$("p").hide() - ປິດບັນດາສະຖານທີ່ມີ <p>

$(".test").hide() - ປິດບັນດາສະຖານທີ່ມີ class="test"

$("#test").hide() - ປິດບັນດາສະຖານທີ່ມີ id="test"

ຄຳແນະນຳ:ສານວິທະຍາຂອງ jQuery ແມ່ນການປະສົມຂອງ XPath ແລະ syntax selector CSS.ໃນຫນັງການສຶກສາຂອງຄູນນີ້ທ່ານຈະຮຽນຫນັງການສຶກສາວິທະຍາ selector.

function document ready

ທ່ານອາດໄດ້ສັງເກດເຫັນວ່າພຽງແຕ່ການສະຫນາມ jQuery functions ໃນການດຳເນີນ function document ready:

$(document).ready(function(){
  // jQuery functions go here
});

ສຳລັບການປ້ອງກັນການເຮັດວຽກ jQuery ກ່ອນທີ່ເອກະສານໄດ້ເຊື່ອມໃຫ້ຢ່າງເຕັມ(ບໍ່ມີການກະຈາຍ).

ຖ້າການເຮັດວຽກຂອງຕົວຢືນຢັນບໍ່ໄດ້ເຊື່ອມໃຫ້ຈົນການເຊື່ອມໃຫ້ຢ່າງເຕັມຂອງເອກະສານດັ່ງກ່າວຈະລົ້ມ.ນີ້ແມ່ນຕົວຢ່າງສອງທີ່ເປັນຕົວຢ່າງຄົບຖ້ວນ:

  • ພະຍາຍາມປິດສະຖານທີ່ບໍ່ມີ
  • ຄົ້ນຫາຂະໜາດຂອງບັນດາຮູບທີ່ບໍ່ໄດ້ເຊື່ອມໃຫ້ຢ່າງເຕັມຈົນ