Học Jquery

Học Jquery thông qua các bài viết dưới đây mang đến kiến thức cơ bản đến nâng cao cho bạn. Qua đó sẽ biết cách sử dụng bộ chọn (selector) và hàm (function). Thực hành thuần thục để làm nhiều chức năng hơn cho trang web.

jQuery là thư viện được viết bằng ngôn ngữ JavaScript. Được tạo bởi John Resig vào năm 2006. Đối với thiết kế website phía Frontend jQuery hỗ trợ rất tốt cho việc tạo các chức năng động.

Tại đây bạn sẽ được tìm hiểu về các kiến thức như:

  • Bộ chọn (selector)
  • Xử lý HTML
  • Sự kiện (events)
  • Tương tác các thành phần
  • jquery-2

    .hasClass() trong jQuery

    .hasClass() là phương thức hữu ích khi bạn muốn dùng để kiểm tra một phần tử HTML. Vậy cụ thể hasClass trong jQuery là gì và dùng để làm gì hãy đọc tiếp bài này.…

  • jquery-2

    $(document).ready(function() là gì?

    Khi viết jQuery bạn sẽ gặp phải câu lệnh $(document).ready(function(). Nhưng bạn đã thực sự hiểu nó là gì chưa? Trong bài viết sau Quách Quỳnh sẽ giải thích về phương thức ready() dành cho…

  • jquery-2

    jQuery Effects – Hiệu ứng trong jQuery

    Một website để đẹp mắt và mượt mà hơn cần tới các hiệu ứng chuyển động. jQuery Effects cho phép bạn sử dụng một vài hiệu ứng để trang web hấp dẫn, ấn tượng hơn.…

  • jquery-2

    .Parents() trong jQuery và ví dụ thực tế

    Phương thức .parents() trong jQuery có chức năng xác định thành phần tổ tiên cho một phần tử HTML nào đó. Bằng cách đi ngược lên cây DOM. Nó có thể kết hợp cả với…

  • jquery-2

    Animate() trong jQuery và các ví dụ cụ thể

    .animate() trong jQuery có chức năng xây dựng hiệu ứng động cho website. Cụ thể là làm cho các phần tử chuyển động mượt mà hơn. Chẳng hạn như khi bạn click vào menu làm…

  • jquery

    .next() và .prev() trong jQuery

    Trong bài viết trước bạn đã được tìm hiểu về .siblings() trong jQuery để tìm anh chị em cùng cấp trong bộ chọn. Bài viết này bạn sẽ được học về .next() và .prev(). Chức…

  • jquery-2

    .siblings() trong jQuery

    Phương thức .siblings() sẽ lấy thành phần con cùng cấp của mỗi thành phần trong bộ chọn phù hợp. Và sẽ không chọn chính nó. Giả sử bạn có một danh sách sử dụng <ul>…

  • jquery-2

    .hover() trong jQuery

    Trong CSS thuộc tính hover đã quá quen thuộc. Khi rê chuột vào một phần tử HTML nào đó chẳng hạn như thẻ a thì màu sắc thay đổi. jQuery cũng tương tự nó sẽ…

  • jquery

    Phương thức offset() trong jQuery

    Trong bài viết trước chúng ta đã tìm hiểu về postition() trong jQuery để xác định vị trí của phần tử. Hôm nay bạn sẽ được biết một phương thức gần giống như vậy đó…

  • jquery

    Phương thức position() trong jQuery

    position() jQuery dùng để xác định vị trí tọa độ của một phần tử nào đó được tính từ phía trên cùng hoặc bên trái của phần tử cha. Cú pháp: jQuery(selector).position(); Ví dụ: <!DOCTYPE…

  • jquery

    Phương thức Scrolltop trong Jquery

    ScrollTop() jQuery là phương thức lấy vị trí hiện tại theo chiều dọc của thanh cuộn cho các thành phần đầu tiên trong một bộ các thành phần phù hợp. Hoặc nó thiết lập vị…

  • Phương thức .find() và .closest() trong Jquery

    Hai phương thức thường gặp khi dùng Jquery đó là .find() và .closet(). Vậy bạn đã biết cách dùng find và closet trong Jquery chưa? Bài viết sau đây sẽ giải thích về khái niệm…