• Tools Online
    • Tạo CSR
    • SSL Checker
    • DNS Checker
    • View IP
    • Whois Domain
  • Diễn Đàn Hỏi Đáp
  • Profile
  • Ủng hộ
Đỗ Trung Quân
Banner
  • Home
  • Hướng dẫn chung
  • Linux
    • Linux Tricks
    • Distro Linux
      • CentOS/RedHat
      • CloudLinux
      • Ubuntu/Debian
      • AlmaLinux
      • Rocky Linux
    • WebServer
      • NGINX
      • Apache
      • LiteSpeed
      • Reverse Proxy
    • Virtualization
      • KVM
      • Proxmox
      • OpenVZ
    • Monitoring Tool
      • Prometheus
      • Zabbix
    • DevOPS
      • Ansible
      • Docker
      • Kubernetes
      • Jenkins
      • Cloud
        • GCP
        • AWS
        • Azure
    • Mail Server
    • Database
    • VPN
  • ControlPanel
    • cPanel
    • DirectAdmin
    • aaPanel
    • CyberPanel
    • VestaCP
    • FastPanel
    • CloudPanel
    • HestiaCP
    • Script VPS
  • DNS
    • Domain
  • CMS
    • WordPress
    • Laravel
  • Security
    • SSL
    • Firewall
  • Dịch Vụ
    • Thiết kế web
    • Dịch vụ cài đặt tối ưu VPS/Server
    • Cài đặt WordPress & Tối ưu WordPress
    • Dịch vụ xử lý mã độc trên WordPress
    • Xác minh cài đặt SSL
    • Dich vụ Backlink
  • Liên Hệ

jQuery là gì?

by ĐỖ TRUNG QUÂN 16 Tháng Năm, 2019
written by ĐỖ TRUNG QUÂN Published: 16 Tháng Năm, 2019Last Updated on 21 Tháng Bảy, 2022 0 comment 141 views

NỘI DUNG

  • Ví dụ jQuery
  • Tính năng quan trọng của jQuery là gì?
  • Ưu điểm của jQuery là gì?

jQuery là một thư viện JavaScript phổ biến trong cộng đồng lập trình. Nó được tạo bởi John Resig vào năm 2006 với mục đích giúp lập trình viên dễ ứng dụng JavaScript vào website hơn. Nó không phải là một ngôn ngữ lập trình riêng biệt và hoạt động liên kết với JavaScript. Với jQuery, bạn có thể làm được nhiều việc hơn mà lại tốn ít công sức hơn. Vì sao? Hãy đọc phần tiếp theo nhé.
Viết code là một việc khá tốn thời gian, đặc biệt khi dùng nhiều chuỗi. jQuery sẽ nén nhiều dòng code lại thành một hàm, để bạn không phải viết lại nguyên cả khối cho một tác vụ.

jQuery là gì?

Ví dụ jQuery

Bạn có thể hiệu ứng chuyển đổi với chỉ vài dòng code.

  • Ví dụ như sử dụng lệnh SlideDown(), SlideUp() và SlideToogle().
$("#flip").click(function(){
$("#panel").slideDown();
});
  • Với jQuery, bạn có thể ẩn HTML element bằng lệnh Hide() và Show()
$("#hide").click(function(){
 $("p").hide();
});
 
$("#show").click(function(){
 $("p").show();
});
  • Và đây là một ví dụ hiệu ứng animation:
$("button").click(function(){
 $("div").animate({
 left: '250px',
 height: '+=150px',
 width: '+=150px'
});
});
  • Đây là code snippet dùng để thực hiện CSS manipulation:
$("button").click(function(){
 $("h1, h2, p").toggleClass("blue");
});

Tính năng quan trọng của jQuery là gì?

Lý do vì sao jQuery trở nên phổ biến và hữu dụng như là ở chỗ tương thích đa nền tảng của nó. Nó tự động sửa lỗi và chạy được trên mọi trình duyệt phổ biến như Chrome, Firefox, Safari, MS Edge, IE, Android và iOS.
jQuery cũng khiến việc tạo Ajax dễ dàng hơn. Ajax hoạt động bất đồng bộ (asynchronously) với phần còn lại của code. Có nghĩa là code viết bởi Ajax có thể tương tác với server và cập nhật nội dung tự động mà không cần phải tải lại trang.
Vấn đề nảy sinh từ đây. Các trình duyệt có cách xử lý API Ajax khác nhau. Nên code vì vậy phải được tùy chỉnh cho khớp với mọi trình duyệt. Nếu làm thủ công thì rất vất vả và tốn thời gian nên jQuery xuất hiện, như vị cứu tinh để thực hiện mọi tác vụ cho chạy được với từng trình duyệt.

Và rồi còn có việc điều khiển DOM (Document Object Model) nữa, có nhiều cách để thực hiện việc này. Tuy nhiên, để dễ hiểu, nó sẽ giúp bạn thêm hoặc xóa yếu tố DOM trong một trang web HTML, và đóng gói các dòng dễ dàng hơn.
Việc tạo hiệu ứng cũng được đơn giản hóa bởi jQuery. Giống với code snippet ở trên có hiệu ứng animation, nó phủ các dòng code và bạn chỉ việc thêm biến/nội dung vào thôi.
HTML document traversal, hiệu ứng, và việc điều khiển sự kiện cũng được thực hiện tốt hơn với jQuery.

Ưu điểm của jQuery là gì?

Ưu điểm của jQuery thì vừa quan trọng vừa đáng giá: bạn sẽ có thể tạo ra những tác vụ phức tạp mà không tốn nhiều công sức. Câu khẩu hiệu của jQuery “Code ít hơn, làm nhiều hơn” vô cùng chính xác.
Vì nó là một trong những thư viên JavaScript phổ biên nhất, có hàng ngàn khóa học online giúp bạn học jQuery (học rất dễ nhé). Nhưng chí ít bạn nên trang bị kiến thức cơ bản về JavaScript, HTML, và CSS.
Tóm lại, nếu sử dụng JavaScript, bạn gần như chắc chắn phải biết về jQuery để có thể thực sự làm được nhiều việc hơn.

Rate this post

Hãy tham gia Nhóm Hỗ Trợ VPS Hosting để cùng học hỏi và trao đổi kiến thức nhé. Chúc bạn thành công.

jQuery
Share 0 FacebookTwitterPinterestTelegramEmail
ĐỖ TRUNG QUÂN

Mình tên là Đỗ Trung Quân, hiện đang công tác tại AZDIGI với vị trí là SysAdmin. Mình đam mê viết Blog. Vì viết Blog giúp mình trau dồi được nhiều kỹ năng. Học hỏi thêm nhiều kiến thức mới, từ đó mình có thể chia sẻ đến các bạn các bài viết tài liệu bổ ích hơn. Hiện tại mình là admin của Blog dotrungquan.info - linuxcanban.com - it.info.vn. Mới đây mình có tạo ra một Nhóm Hỗ Trợ VPS Hosting với mục đích gây dựng một cộng đồng nhỏ để mọi người trao đổi kinh nghiệm, kiến thức quản trị VPS. Các thủ thuật, mẹo vặt khi sử dụng VPS. Rất mong nhận được sự ủng hộ của các bạn.

Bạn sẽ thích bài viết này

Sử dụng Plugin Query Monitor để gỡ lỗi...

25 Tháng Ba, 2023

Khắc phục thông báo “utf8mb4 yêu cầu thư...

23 Tháng Ba, 2023

Cách sửa lỗi “Installation Already Exists” khi cài...

20 Tháng Ba, 2023

Hướng dẫn cài đặt WP-CLI lên máy chủ...

18 Tháng Ba, 2023

Sửa lỗi WordPress “Post-processing of the image failed...

18 Tháng Ba, 2023

Hướng dẫn chuyển website WordPress bằng All in...

14 Tháng Năm, 2019

Hướng dẫn sửa lỗi Database mất khoá chính...

14 Tháng Ba, 2023

Hướng dẫn cài đặt và cấu hình plugin...

2 Tháng Ba, 2023

Hướng dẫn chèn mã vào Header và Footer...

27 Tháng Hai, 2023

Thủ thuật cài đặt Wordfence để bảo vệ...

25 Tháng Hai, 2023

Nhóm Hỗ Trợ Hosting VPS

Nhóm Hỗ Trợ VPS Hosting

Tin Khuyến Mãi

Thông tin về tôi

Thông tin về tôi

Mình tên là Đỗ Trung Quân, hiện đang công tác tại AZDIGI với vị trí là SysAdmin. Mình đam mê viết Blog. Vì viết Blog giúp mình trau dồi được nhiều kỹ năng. Học hỏi thêm nhiều kiến thức mới, từ đó mình có thể chia sẻ đến các bạn các bài viết tài liệu bổ ích hơn.

Facebook Instagram Youtube Telegram

BÀI VIẾT PHỔ BIẾN

  • 1

    Hướng dẫn chuyển website WordPress bằng All in one Migration

  • 2

    Sử dụng Plugin Query Monitor để gỡ lỗi và tăng hiệu suất

  • 3

    Khắc phục thông báo “utf8mb4 yêu cầu thư viện mới hơn” trên WordPress

  • 4

    Sửa lỗi WordPress “Post-processing of the image failed likely because the server is busy”

Phản hồi gần đây

  • Minh trong Thiết lập nhiều website sử dụng chung một tài khoản MySQL
  • Lê Văn trong Hướng dẫn trỏ tên miền về Blogspot (blogger)
  • Quân trong Hướng dẫn cài đặt và cấu hình plugin W3 Total Cache cho website WordPress
  • Học Luật trong Sử dụng RSYNC để Clone một VPS hoàn chỉnh

Top Commentators

  • Anh Quân Anh Quân (133)
  • nghĩa nghĩa (8)
  • Bùi Đức Hiệp Bùi Đức Hiệp (7)
  • David Do David Do (7)
  • Bamboo Bamboo (5)
  • Bình Minh Bình Minh (5)
  • Cai Việt Hoàng Cai Việt Hoàng (5)
  • Duc Thuan Duc Thuan (5)

BẠN BÈ & ĐỐI TÁC

Thạch Phạm | aaPanel | Linux Căn Bản | Bảo Trần | Trương Quốc Cường | Đàm Trung Kiên | CaiSSL.com

Bạn được quyền sao chép lại nội dung trên website Đỗ Trung Quân, miễn là có dẫn nguồn.

Hosting/VPS được tài trợ bởi AZDIGI - Nhà cung cấp Server Hosting tốt nhất hiện nay

AZDIGI - Nhà cung cấp Server Hosting tốt nhất hiện nay


Back To Top
Đỗ Trung Quân
  • Home
  • Hướng dẫn chung
  • Linux
    • Linux Tricks
    • Distro Linux
      • CentOS/RedHat
      • CloudLinux
      • Ubuntu/Debian
      • AlmaLinux
      • Rocky Linux
    • WebServer
      • NGINX
      • Apache
      • LiteSpeed
      • Reverse Proxy
    • Virtualization
      • KVM
      • Proxmox
      • OpenVZ
    • Monitoring Tool
      • Prometheus
      • Zabbix
    • DevOPS
      • Ansible
      • Docker
      • Kubernetes
      • Jenkins
      • Cloud
        • GCP
        • AWS
        • Azure
    • Mail Server
    • Database
    • VPN
  • ControlPanel
    • cPanel
    • DirectAdmin
    • aaPanel
    • CyberPanel
    • VestaCP
    • FastPanel
    • CloudPanel
    • HestiaCP
    • Script VPS
  • DNS
    • Domain
  • CMS
    • WordPress
    • Laravel
  • Security
    • SSL
    • Firewall
  • Dịch Vụ
    • Thiết kế web
    • Dịch vụ cài đặt tối ưu VPS/Server
    • Cài đặt WordPress & Tối ưu WordPress
    • Dịch vụ xử lý mã độc trên WordPress
    • Xác minh cài đặt SSL
    • Dich vụ Backlink
  • Liên Hệ