jQuery ການກັບຄືນຫຼືການກະກຽມທາງ CSS

ພາຍໃນ jQuery, ທ່ານສາມາດດຳເນີນການປະເພດ CSS ຄືກັນກັບຄືນຫຼັງຈາກທີ່ຈະດຳເນີນການດຳເນີນ

jQuery ການດຳເນີນ CSS

jQuery ມີຫຼາຍການດຳເນີນທີ່ຈະດຳເນີນການການດຳເນີນ CSS. ພວກເຮົາຈະຮຽນການດຳເນີນຖ້າລາວຫຼັງຈາກນີ້:

  • addClass() - ການເພີ່ມພາສາປະເພດຂອງປະກອບອັນທີ່ເລືອກ
  • removeClass() - ການລຶບການເພີ່ມພາສາປະເພດຂອງປະກອບອັນທີ່ເລືອກ
  • toggleClass() - ການເພີ່ມ/ລຶບການເພີ່ມພາສາປະເພດຂອງປະກອບອັນທີ່ເລືອກ
  • css() - ການກະກຽມຫຼືການກັບຄືນທາງການດຳເນີນ CSS

ການດຳເນີນທີ່ພິຈາລະນາ

ການດຳເນີນທີ່ພິຈາລະນາວ່າຈະຖືກນຳໃຊ້ເພື່ອທັງໝົດການພິຈາລະນາທີ່ພິຈາລະນາວ່າຈະຖືກນຳໃຊ້ເພື່ອທັງໝົດການພິຈາລະນາ

.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}

jQuery addClass() ການດຳເນີນ

ການດຳເນີນຄວາມຄິດທີ່ພິຈາລະນາວ່າຈະສະແດງວ່າບວກການດຳເນີນ jQuery addClass() ຈະດຳເນີນການເພີ່ມພາສາປະເພດຂອງປະກອບອັນທີ່ເລືອກ. ຕະຫຼອດທີ່ຈະດຳເນີນການເພີ່ມພາສາປະເພດແລ້ວທ່ານສາມາດເລືອກປະກອບອັນຫຼາຍຫຼັງຈາກທີ່ຈະດຳເນີນການເພີ່ມພາສາປະເພດ

ຄວາມຄິດທີ່ພິຈາລະນາ

$("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
});

ທ້າທາຍຕົວເອງ

ທ່ານສາມາດຈະດຳເນີນການເພີ່ມພາສາປະເພດຫຼາຍຫຼັງຈາກທີ່ຈະດຳເນີນການດຳເນີນ addClass()

ຄວາມຄິດທີ່ພິຈາລະນາ

$("button").click(function(){
  $("#div1").addClass("important blue");
});

ທ້າທາຍຕົວເອງ

jQuery removeClass() ການດຳເນີນ

ການດຳເນີນຄວາມຄິດທີ່ພິຈາລະນາວ່າຈະສະແດງວ່າບວກການດຳເນີນ jQuery removeClass() ຈະລຶບການເພີ່ມພາສາປະເພດຂອງປະກອບອັນທີ່ເລືອກ

ຄວາມຄິດທີ່ພິຈາລະນາ

$("button").click(function(){
  $("h1,h2,p").removeClass("blue");
});

ທ້າທາຍຕົວເອງ

jQuery toggleClass() ການດຳເນີນ

ການດຳເນີນ jQuery toggleClass() ກວດສອບຄວາມດີນຫຼັງຈາກທີ່ຈະສະແດງວ່າບວກການດຳເນີນ jQuery toggleClass() ຈະດຳເນີນການເພີ່ມ/ລຶບການເພີ່ມພາສາປະເພດຂອງປະກອບອັນທີ່ເລືອກ

ຄວາມຄິດທີ່ພິຈາລະນາ

$("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
});

ທ້າທາຍຕົວເອງ

jQuery css() ການດຳເນີນ

ພວກເຮົາຈະອະທິບາຍການດຳເນີນ jQuery css() ໃນຕອນຕໍ່ໄປ

jQuery HTML ຄູ່ມືການດຳເນີນ

ສຳລັບຂໍ້ມູນການດຳເນີນ jQuery CSS ທີ່ຄົງຈະໄວ້ໄດ້ທັງໝົດຈະມີທີ່ jQuery CSS ຄູ່ມືການດຳເນີນ