JQuery là gì?


jQuery

jQuery là một thư viện JavaScript.

jQuery đơn giản hóa đáng kể việc lập trình JavaScript.

jQuery rất dễ học.


jQuery Hide and Show

Với jQuery, bạn có thể ẩn và hiển thị các phần tử HTML bằng các phương thức hide () và show ():

Thí dụ

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});

jQuery trượt

Với jQuery, bạn có thể tạo hiệu ứng trượt trên các phần tử HTML:

  • trượt xuống()
  • slideUp ()
  • slideToggle ()

Thí dụ

$("#flip").click(function(){
    $("#panel").slideDown();
});

jQuery Animation

Thí dụ

$("button").click(function(){
    $("div").animate({
        left: '250px',
        height: '+=150px',
        width: '+=150px'
    });
}); 


jQuery Thao tác CSS

Thí dụ

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