jQuery คืออะไร?
jQuery เป็นไลบรารี JavaScript
jQuery ช่วยลดความยุ่งยากในการเขียนโปรแกรม JavaScript
jQuery นั้นง่ายต่อการเรียนรู้
jQuery ซ่อนและแสดง
ด้วย jQuery คุณสามารถซ่อนและแสดงองค์ประกอบ HTML ด้วยเมธอด hide() และ show():
ตัวอย่าง
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
jQuery เลื่อน
ด้วย jQuery คุณสามารถสร้างเอฟเฟกต์การเลื่อนบนองค์ประกอบ HTML:
- เลื่อนลง ()
- เลื่อนขึ้น ()
- เลื่อนสลับ ()
ตัวอย่าง
$("#flip").click(function(){
$("#panel").slideDown();
});
แอนิเมชั่น jQuery
ตัวอย่าง
$("button").click(function(){
$("div").animate({
left: '250px',
height: '+=150px',
width: '+=150px'
});
});
jQuery การจัดการ CSS
ตัวอย่าง
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});