jQuery CSS Operation - css() Method
ການກໍານົດ ແລະ ການນໍາໃຊ້
ຄວາມຈິງ css() ກວມເອົາການກັບຄືນ ແລະ ການກັບຄືນບັນດາລັກສະນະ ບັນດາປະກອບອາກາດ.
ກັບຄືນຄູ່ມູນລັກສະນະ CSS
ກັບຄືນຄູ່ມູນລັກສະນະ CSS ຂອງປະກອບອາກາດທີ່ຕົກລົງທຳອິດ.
ບັນຫາ:ບໍ່ສາມາດສະໜັບສະໜູນລັກສະນະ CSS ຄວາມລະອຽດ (ຕົວຢ່າງ "background" ແລະ "border") ເມື່ອໃຊ້ເພື່ອກັບຄືນຄູ່ມູນ.
$(selector).css(name)
| ຄູ່ມູນ | ການອະທິບາຍ |
|---|---|
| name | ສະບັບຫນັງ. ຕັດສິນລະຫັດບັນດາລັກສະນະ CSS. ພວກມັນສາມາດກວມເອົາບັນດາລັກສະນະ CSS ທັງໝົດ. ຕົວຢ່າງ "color". |
ຕົວຢ່າງ
ເອົາຄູ່ມູນລັກສະນະ color ຂອງວັດສະດຸທຳອິດຕາມລັກສະນະ CSS
$("p").css("color");
ແຕ່ງບັນດາລັກສະນະ CSS
ຈັດການສັບສິນລະປະສານ CSS ທີ່ຈະຈັດການທັງໝົດປະກອບສັບສິນທີ່ຕິດຕາມ.
$(selector).css(name,ຈັດການຄູ່ມູນສັບສິນລະປະສານທີ່ຈະຈັດການຂອງປະກອບສັບສິນທັງໝົດ.)
| ຄູ່ມູນ | ການອະທິບາຍ |
|---|---|
| name | ສະຫຼຸບ. ກໍານົດວ່າຊື່ສັບສິນລະປະສານ. ຄູ່ມູນສາມາດກວມເອົາຊື່ສັບສິນລະປະສານໃດໜຶ່ງ, ເຊັ່ນ "color". |
| ຈັດການຄູ່ມູນສັບສິນລະປະສານທີ່ຈະຈັດການຂອງປະກອບສັບສິນທັງໝົດ. |
value ຖ້າມີຄູ່ມູນສີນາມນັບນັ້ນ, ຈະຖອນສັບສິນລະປະສານຕິດຕາມມາຈາກປະກອບສັບສິນ. |
ຕົວຢ່າງ
ຈັດການສັບສິນລະປະສານຂອງຂໍ້ຄວາມທັງໝົດໃຫ້ສີສີນ:
$("p").css("color","red");
ຈັດການສັບສິນລະປະສານ CSS ທີ່ຈະຈັດການດ້ວຍຫົວວິທີ.
ຈັດການຄູ່ມູນສັບສິນລະປະສານຂອງປະກອບສັບສິນທັງໝົດທີ່ຕິດຕາມ.
ຫົວຂໍ້ຂອງຫົວວິທີນີ້ກວມຄວາມຄິດຕາມວ່າຫົວວິທີນີ້ກວມຄວາມຄິດຕາມ. ຍັງຈະຍອມຮັບສອງຄູ່ມູນ, index ແມ່ນຕຳແຫນ່ງຂອງປະກອບສັບສິນທີ່ຢູ່ໃນການລວມອົງກອນ, value ແມ່ນຄູ່ມູນສະຖານະສັບສິນລະປະສານໃນເບື້ອງຕົ້ນ.
$(selector).css(name,function(index,value))
| ຄູ່ມູນ | ການອະທິບາຍ |
|---|---|
| name | ສະຫຼຸບ. ກໍານົດວ່າຊື່ສັບສິນລະປະສານ. ຄູ່ມູນສາມາດກວມເອົາຊື່ສັບສິນລະປະສານໃດໜຶ່ງ, ເຊັ່ນ "color". |
| function(index,value) |
ກໍານົດວ່າພວກມູນສະຖານະສັບສິນລະປະສານ CSS ຂອງພວກມູນສະຖານະສັບສິນລະປະສານ.
|
ຕົວຢ່າງ 1
ຈັດການສັບສິນລະປະສານຂອງຂໍ້ຄວາມທັງໝົດໃຫ້ສີສີນ:
$("button").click(function(){
$("p").css("color",function(){return "red";});
});
ຕົວຢ່າງ 2
ຈັດການຂະຫຍາຍຄວາມກວດຂອງ div:
$("div").click(function() {
$(this).css(
"width", function(index, value) {return parseFloat(value) * 1.2;}
);
});
ຈັດການສັບສິນລະປະສານ/ຄູ່ມູນຫຼາຍຫຼັກກັນ
$(selector).css({property:value, property:value, ...})
ຈັດການ "ຊື່/ຄູ່ມູນ" ຂອງອົງການ "ຊື່/ຄູ່ມູນ" ຂອງປະກອບສັບສິນທັງໝົດທີ່ຕິດຕາມ.
ນີ້ເປັນວິທີທີ່ດີທີ່ສຸດໃນການຈັດການສັບສິນລະປະສານຫຼາຍຫຼັກກັນໃນປະກອບສັບສິນທັງໝົດທີ່ຕິດຕາມ.
| ຄູ່ມູນ | ການອະທິບາຍ |
|---|---|
| {property:value} |
ສະຫຼຸບ. ກໍານົດວ່າຄູ່ມູນ "ຊື່/ຄູ່ມູນ" ຂອງສັບສິນລະປະສານວິສະວະກຳ. ຄູ່ມູນສາມາດກວມເອົາຄູ່ມູນຫຼາຍຫຼັກກັນຂອງຊື່ສັບສິນລະປະສານ CSS / ຄູ່ມູນ. ອີງຕາມ {"color":"red","font-weight":"bold"} |
ຕົວຢ່າງ
$("p").css({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
});
