JQuery: kết nối với một trang web

Mục lục:

JQuery: kết nối với một trang web
JQuery: kết nối với một trang web
Anonim

jQuery là một thư viện Javascript tập trung vào cách các công nghệ HTML, JavaScript và CSS hoạt động cùng nhau.

Những gì jQuery có thể làm

Thư viện có thể hoạt động với danh sách các nhiệm vụ sau:

  • có thể truy cập hoàn toàn vào bất kỳ phần tử nào của mô hình đối tượng trang (DOM) và thực hiện các thao tác phức tạp với chúng;
  • hỗ trợ xử lý sự kiện;
  • có chức năng cho các hiệu ứng đồ họa và hoạt ảnh khác nhau;
  • đơn giản hóa công việc với công nghệ tải động AJAX (một tính năng rất quan trọng và cực kỳ hữu ích, nhưng bây giờ thì không);
  • jQuery có một số lượng lớn các plugin của riêng nó, chức năng chính của nó là triển khai các giao diện đồ họa của người dùng và tương tác của người dùng với chúng.

Phiên bản nén và không nén của thư viện

Các nhà phát triển có một số tùy chọn cho tập lệnh - một tùy chọn được nén, tùy chọn còn lại thì không. Phiên bản đầy đủ rất thuận tiện để sử dụng ở giai đoạn viết mã và gỡ lỗi (thử nghiệm) các ứng dụng web. Mặt khác, phiên bản tối giản sẽ có ít lợi ích hữu ích trong quá trình gỡ lỗi, nhưng nó tải nhanh hơn nhiều và chiếm ít dung lượng hơn. Vì vậy, một phiên bản nén của jQuery là thích hợpsử dụng đã có trong dự án đã hoàn thành, vì nó tiết kiệm lưu lượng máy chủ và dung lượng ổ đĩa.

kết nối jquery
kết nối jquery

Cách chọn đúng phiên bản jQuery

Có một số xu hướng chính trong jQuery ngày nay - các nhánh 1.x, 2.x và 3.x. Điểm khác biệt nổi bật của họ là, bắt đầu từ phiên bản thứ hai, mọi hỗ trợ cho các trình duyệt lỗi thời đã bị ngừng, chẳng hạn như trình duyệt của Microsoft Corporation - Internet Explorer, cho đến và bao gồm cả phiên bản thứ tám.

Quyết định này có thể làm giảm khối lượng dữ liệu vật lý trong thư viện xuống mười phần trăm và tối ưu hóa một chút công việc của nó. Tuy nhiên, vẫn có những máy tính gia đình và công ty trên thế giới cài đặt Internet Explorer cũ làm trình duyệt chính, mặc dù tỷ lệ người dùng này không vượt quá 3% trên toàn thế giới. Do đó, bạn có hỗ trợ nền tảng lỗi thời hay không.

Các nhà phát triển jQuery tuân thủ các nguyên tắc về tính tương thích ngược của các phiên bản. Điều này có nghĩa là mã được viết cho phiên bản 1.7 của thư viện cũng sẽ hoạt động với phiên bản 1.8. Nhưng đôi khi công ty phát triển loại bỏ các chức năng không hữu ích khỏi jQuery, vì vậy tốt hơn hết bạn nên đọc lại tài liệu về phiên bản mới nếu bạn định nâng cấp.

Vào năm 2016, một nhánh mới của jQuery đã được phát hành. Đó là phiên bản 3.0, thậm chí còn nhanh hơn và nhẹ hơn các phiên bản cũ. Các tin tặc cuối cùng đã được gỡ bỏ khỏi nó để triển khai một số chức năng trong các trình duyệt lỗi thời, cho phép thư viện được định vị như một công cụ phát triển hiện đại và mạnh mẽ.

Nếu của bạndự án đã bị ràng buộc với một số thư viện, sau đó, trước tiên hãy ước tính chi phí lao động cho việc nâng cấp. Nếu lợi ích từ phiên bản mới là xứng đáng, hãy thoải mái bắt tay vào thực hiện. Đối với tất cả các nhà phát triển mới bắt đầu sử dụng công cụ này trong các dự án của họ, bạn nên bắt đầu trực tiếp với các phiên bản mới nhất.

Cách bắt đầu với jQuery

Bước đầu tiên là kết nối jQuery. Để thực hiện việc này, bạn cần tải trực tiếp thư viện từ tài nguyên nhà phát triển jquery.com hoặc từ máy nhân bản và đặt thư viện trên máy chủ web của bạn.

Bây giờ chúng ta hãy thực hiện kết nối jQuery thực tế với trang web. Việc kết nối các tập lệnh khác nhau trong ngôn ngữ đánh dấu siêu văn bản được xử lý bởi thẻ script. Kết nối jQuery với mã sau:

kết nối jquery
kết nối jquery

Tùy chọn này phù hợp với kết nối ngoại tuyến, nhưng có nhiều cách khác để sử dụng máy chủ.

Kết nối jQuery bằng dịch vụ đám mây

Google cung cấp dịch vụ Thư viện được lưu trữ, sử dụng dịch vụ này bất kỳ ai cũng có thể kết nối khung hoặc thư viện phổ biến với ứng dụng web của họ. Để kết nối jQuery qua Google Cloud Storage, hãy sử dụng chuỗi khớp với phiên bản đã chọn theo mẫu sau:

làm thế nào để bao gồm thư viện jquery
làm thế nào để bao gồm thư viện jquery

Các số trong cột phiên bản tương ứng với số phiên bản có sẵn để cài đặt và làm việc thêm với nó. Để kết nối bất kỳ phiên bản trung gian nào, chỉ cần sao chép nósố trong chuỗi kết nối thay vì các số được chỉ định trong ví dụ.

Bạn luôn có thể xem danh sách các phiên bản hiện tại tại:

developers.google.com/speed/libraries/jquery

Nếu bạn không tin tưởng Google vì bất kỳ lý do gì, nhưng vẫn muốn biết cách lấy thư viện jQuery từ máy chủ đáng tin cậy của bên thứ ba, hãy sử dụng kho lưu trữ của Microsoft.

bao gồm thư viện jquery
bao gồm thư viện jquery

jQuery là một trong những công cụ tốt nhất để dễ dàng tạo hoạt ảnh trên các trang web. Một khi bạn nhận ra sức mạnh của công cụ này, bạn sẽ rất vui vì bạn bắt đầu tìm hiểu một thư viện như vậy.

Những người hoài nghi trong giới sinh viên và nhà phát triển tin rằng tốt hơn nên triển khai mọi thứ bằng ngôn ngữ lập trình thuần túy, không sử dụng thư viện của bên thứ ba. Nhưng bạn cần hiểu rằng tệp jQuery chỉ có dung lượng 32 kilobyte và rất có thể đã nằm trong bộ nhớ cache của trình duyệt của người dùng nếu bạn bao gồm tập lệnh thông qua Google. Vì vậy, đừng ngại tìm hiểu các công cụ giúp cuộc sống của một nhà phát triển dễ dàng hơn. Sau cùng, đối với điều này, chúng tôi bao gồm thư viện jQuery - để không phải phát minh lại bánh xe.

Đề xuất: