Học cách kinh doanh
dịch vụ backlink Headle SEO
  • Kiến thức Digital Marketing
  • Kiếm tiền online
    • 20+ Cách kiếm tiền online tại nhà
  • Kinh Doanh Khởi Nghiệp
  • Phát Triển Bản Thân
  • Kiến thức Digital Marketing
  • Kiếm tiền online
    • 20+ Cách kiếm tiền online tại nhà
  • Kinh Doanh Khởi Nghiệp
  • Phát Triển Bản Thân
No Result
View All Result
Học cách kinh doanh
No Result
View All Result
Home Là gì

jQuery là gì? – hoccachkinhdoanh.com

Tháng Một 8, 2022
in Là gì
0
SHARES
8
VIEWS
Share on FacebookShare on Twitter

Cùng với hoccachkinhdoanh.com tìm hiểu về jQuery là gì? – hoccachkinhdoanh.com.

jQuery là một thư viện JavaScript đa tính năng, nhỏ gọn, nhanh, được tạo bởi John Resig vào năm 2006 với một phương châm hết sức ý nghĩa: Write less, do more – Viết ít hơn, làm nhiều hơn.

jQuery đơn giản hóa việc duyệt tài liệu HTML, xử lý sự kiện, hoạt ảnh và tương tác Ajax để phát triển web nhanh chóng. Các phân tích web đã chỉ ra rằng, jQuery là thư viện JavaScript được triển khai rộng rãi nhất.

jQuery là một bộ công cụ JavaScript được thiết kế để đơn giản hóa các tác vụ khác nhau bằng cách viết ít code hơn. Dưới đây liệt kê một số tính năng tối quan trọng được hỗ trợ bởi jQuery:

  • Thao tác DOM − jQuery giúp dễ dàng lựa chọn các phần tử DOM để traverse (duyệt) một cách dễ dàng như sử dụng CSS, và chỉnh sửa nội dung của chúng bởi sử dụng phương tiện Selector mã nguồn mở, mà được gọi là Sizzle.
  • Xử lý sự kiện − jQuery giúp tương tác với người dùng tốt hơn bằng việc xử lý các sự kiện đa dạng mà không làm cho HTML code rối tung lên với các Event Handler.
  • Hỗ trợ AJAX − jQuery giúp bạn rất nhiều để phát triển một site giàu tính năng và phản hồi tốt bởi sử dụng công nghệ AJAX.
  • Hiệu ứng động − jQuery đi kèm với rất nhiều hiệu ứng động đẹp mà bạn có thể sử dụng cho các website của mình.
  • Gọn nhẹ − jQuery là thư viện gọn nhẹ – nó chỉ có kích cỡ khoảng 19KB (gzipped).
  • Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − jQuery được hỗ trợ hầu hết bởi các trình duyệt hiện đại, và làm việc tốt trên IE 6.0+, FF 2.0+, Safari 3.0+, Chrome và Opera 9.0+.
  • Cập nhật và hỗ trợ các công nghệ mới nhất − jQuery hỗ trợ CSS3 Selector và cú pháp XPath cơ bản.
Nội dung
  1. Cách sử dụng jQuery?
  2. Cài đặt jQuery nội bộ
  3. Sử dụng CDN
  4. Cách để gọi một hàm thư viện jQuery?
  5. Cách sử dụng Custom Script trong jQuery?
  6. Sử dụng nhiều thư viện trong jQuery
Xem thêm:   Sao băng là gì? Tại sao có sao băng?

Cách sử dụng jQuery?

Có hai cách để sử dụng jQuery:

Cài đặt cục bộ − Bạn có thể tải jQuery Library trên máy của bạn và đưa nó vào trong code HTML.

Sử dụng từ CDN (CDN Based Version) − Bạn có thể đưa thư viện jQuery vào trong code HTML một cách trực tiếp từ Content Delivery Network (CDN).

Cài đặt jQuery nội bộ

Truy cập trang https://jquery.com/download/ để tải phiên bản jQuery mới nhất. Bây giờ đặt file jquery-2.1.3.min.js vào trong một thư mục trong Website của bạn, ví dụ /jquery.

Bây giờ bạn có thể đưa thư viện jquery vào trong HTML file của bạn như sau:

<html> 
  <head> 
     <title>The jQuery Example</title> 
     <script type="text/javascript" src="https://hoccachkinhdoanh.com/jquery/jquery-2.1.3.min.js">
     </script> 
     <script type="text/javascript"> 
       $(document).ready(function(){ 
         document.write("Xin chào bạn!"); 
       }); 
     </script> 
  </head> 
  <body> 
     <h1>Xin chào</h1> 
  </body> 
</html>

Nó sẽ cho kết quả:

Xin chào bạn!

Sử dụng CDN

Bạn có thể đưa thư viện jQuery vào trong HTML code một cách trực tiếp từ Content Delivery Network (CDN). Google và Microsoft cung cấp phiên bản mới nhất.

Trong loạt bài này, chúng tôi sử dụng Google CDN.

Ví dụ

Bây giờ chúng ta viết lại ví dụ trên bằng cách sử dụng thư viện jQuery từ Google CDN.

<html> 
  <head> 
     <title>The jQuery Example</title> 
     script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> 
     </script> <script type="text/javascript">
        $(document).ready(function(){ 
          document.write("Xin chào bạn!"); 
        }); 
      </script> 
  </head> 
  <body> 
     <h1>Xin chào</h1> 
  </body> 
</html>

Nó sẽ cho kết quả:

Xin chào bạn!

Cách để gọi một hàm thư viện jQuery?

Cũng tương tự như JavaScript, trước khi chúng ta sử dụng các đoạn code của jQuery để đọc hay chỉnh sửa các đối tượng DOM, chúng ta cần đảm bảo rằng chúng ta bắt đầu thêm các sự kiện ngay sau khi DOM sẵn sàng.

Nếu bạn muốn một sự kiện làm việc trên trang của bạn, bạn nên gọi nó bên trong hàm $(document).ready(). Mọi thứ bên trong sẽ tải ngay sau khi DOM được tải và trước khi nội dung trang được tải.

Xem thêm:   PING là gì? Test PING như thế nào?

Để làm điều này, chúng ta đăng ký một sự kiện đã sẵn sàng cho tài liệu như sau:

$(document).ready(function() { 
    // thực hiện khi DOM sẵn sàng 
});

Để gọi bất kỳ hàm thư viện jQuery nào, sử dụng các thẻ HTML script như dưới đây:

<html> 
  <head> 
     <title>The jQuery Example</title> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script> 
     <script type="text/javascript" language="javascript"> 
        $(document).ready(function() { 
           ("div").click(function() {alert("Xin chào bạn!");}); 
        }); 
     </script> 
  </head> 
  <body> 
     <div id="mydiv"> Nhấp vào đây để xem hộp hội thoại. </div> 
  </body> 
</html>

Nó sẽ cho kết quả sau:

Nhấp vào đây để xem hộp hội thoại.

Cách sử dụng Custom Script trong jQuery?

Tốt hơn là viết code tùy chỉnh trong tệp JavaScript tùy chỉnh, có tên custom.js, như sau:

/* Filename: custom.js */ 
$(document).ready(function() { 
    $("div").click(function() { 
       alert("Xin chào bạn!"); 
    }); 
});

Bây giờ chúng ta đưa custom.js này vào trong HTML file như sau:

<html> 
  <head> 
     <title>The jQuery Example</title> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script> 
     <script type="text/javascript" src="../custom.js"></script> 
  </head> 
  <body> 
     <div id="mydiv"> 
       Nhấp vào đây để xem hộp hội thoại. 
     </div> 
  </body> 
</html>

Nó sẽ cho kết quả sau:

Nhấp vào đây để xem hộp hội thoại.

Sử dụng nhiều thư viện trong jQuery

Bạn có thể sử dụng nhiều thư viện cùng nhau mà không xảy ra xung đột giữa chúng. Ví dụ, bạn có thể sử dụng các thư viện jQuery và thư viện MooTool JavaScript cùng với nhau.

Theo Tutorialspoint

Bài trước: Xử lý ngoại lệ (Try/Catch/Finally) trong C#

Bài tiếp: Cơ bản về jQuery

Tags: jQuery là gì? – hoccachkinhdoanh.com ; jQuery là gì? – hoccachkinhdoanh.com

Rate this post

Bài viết cùng chủ đề

  • 30+ Những câu nói hài hước về 8/3 quốc tế phụ nữ
  • Ngày 8 tháng 3 là cung gì? Giải mã tình yêu, sự nghiệp
  • Top 10+ địa điểm ngắm hoàng hôn ở sài gòn cực chill
  • Công ty thu hồi nợ là gì? Công ty thu hồi nợ có hợp pháp không?
Previous Post

Cách sử dụng sticker Facebook

Next Post

Top 5 máy tính tiền quán cafe, nhà hàng, quán ăn tốt nhất 2021

Bình Nguyễn

Bình Nguyễn

Mình là Bình Nguyễn - admin của hoccachkinhdoanh.com là blog chia sẻ kiến thức về kinh doanh, marketing online và kỹ năng hữu ích dành cho bạn. Khám pháp blog để biết thêm nhiều kiến thức bạn nhé !

Next Post
Top 5 máy tính tiền quán cafe, nhà hàng, quán ăn tốt nhất 2021

Top 5 máy tính tiền quán cafe, nhà hàng, quán ăn tốt nhất 2021

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bài viết mới

Những câu nói hài hước về 8/3

30+ Những câu nói hài hước về 8/3 quốc tế phụ nữ

Tháng Hai 23, 2023
Ngày 8 tháng 3 là cung gì

Ngày 8 tháng 3 là cung gì? Giải mã tình yêu, sự nghiệp

Tháng Hai 23, 2023
Công ty sản xuất ly giấy Biogreen

Công ty sản xuất ly giấy giá sỉ số 1 tại TPHCM & Hà Nội

Tháng Hai 21, 2023
Địa điểm cho thuê xe máy ở Sài Gòn

Địa điểm cho thuê xe máy ở Sài Gòn TPHCM giá rẻ

Tháng Hai 9, 2023
Saigon Water Bus – Địa điểm ngắm hoàng hôn ở Sài Gòn trên sông

Top 10+ địa điểm ngắm hoàng hôn ở sài gòn cực chill

Tháng Hai 9, 2023
Học cách kinh doanh

Hoccachkinhdoanh.com chia sẻ những kiến thức liên quan đến kinh doanh, khởi nghiệp, phát triển bản thân. Đem đến thông tin hữu ích dành cho bạn.

Theo Dõi Chúng tôi

Chuyên Mục

  • Google Map, Google Doanh Nghiệp
  • Hosting: tổng hợp kiến A – Z
  • Kiếm tiền online
  • Kiến thức Digital Marketing
  • Kinh Doanh Khởi Nghiệp
  • Là gì
  • Phát Triển Bản Thân
  • Thủ Thuật

Nên Đọc

  • Dịch vụ cho thuê xe máy tphcm
  • 160+ Ý tưởng kinh doanh
  • 20+ Cách kiếm tiền online tại nhà

Bài viết mới nhất

Những câu nói hài hước về 8/3

30+ Những câu nói hài hước về 8/3 quốc tế phụ nữ

Tháng Hai 23, 2023
Ngày 8 tháng 3 là cung gì

Ngày 8 tháng 3 là cung gì? Giải mã tình yêu, sự nghiệp

Tháng Hai 23, 2023
  • Giới thiệu
  • Chính sách bảo mật
  • Liên hệ

© 2020 Học Cách Kinh Doanh - Chia sẻ kiến thức kinh doanh hoccachkinhdoanh.com

No Result
View All Result

© 2020 Học Cách Kinh Doanh - Chia sẻ kiến thức kinh doanh hoccachkinhdoanh.com