jQuery คืออะไร?


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");
});