Chèn thư viện jquery vào html như thế nào
|
JavaScript là ngôn ngữ lập trình phổ biến nhất thế giới, đóng vai trò quan trọng ngang HTML và CSS, có tác dụng cải thiện hoạt động của website. Để thực hiện tốt công việc của mình, JavaScript sử dụng các thư viện hỗ trợ, trong đó, đặc biệt nhất phải kể đến jquery. Vậy jquery là gì? Ưu điểm và cách sử dụng thư viện này ra sao. Tất cả sẽ được bật mí
trong bài viết dưới đây.
Show Mục lục [Ẩn]
1. jquery là gì?
jquery là một thư viện JavaScript, hỗ trợ việc xây dựng các chức năng dựa trên nền tảng của JavaScript một cách dễ dàng và hiệu quả. Nó cho phép các nhà phát triển viết code ngắn nhất, giúp tối giản hóa quá trình xử lý dữ liệu, DOM, HTML, tương tác Ajax ,... jquery là một phần mềm mã nguồn mở phát hành năm 2006, được cấp phép bởi MIT License. Hiện nay, nó đang được duy trì và phát triển bởi nhóm developer của Google. Theo các số liệu thống kê, jquery là thư viện JavaScript được áp dụng rộng rãi với tỷ suất lợi nhuận lớn, gấp 3 đến 4 lần các thư viện khác. Hiện nay jquery được sử dụng ở hầu hết các website trên thế giới, với nhiều module được tích hợp. Bao gồm: Ajax - xử lý Ajax Effect - xử lý hiệu ứng Event - xử lý sự kiện Atributes - Xử lý các thuộc tính của đối tượng HTML Form - xử lý sự kiện liên quan tới form DOM - xử lý Data Object Model Selector - xử lý luồng lách giữa các đối tượng HTML >>> Xem thêm: JavaScript là gì? có vai trò gì đối với việc thiết lập website 2. Các tính năng của jquery là gì?Với định nghĩa jquery là gì chúng ta biết các tính năng cơ bản mà jquery cung cấp đến người dùng là: - Tạo hiệu ứng và hoạt ảnh - Thao tác (chèn, sửa, xóa) với HTML - Thao tác (chèn, sửa, xóa) với DOM - Thao tác (chèn, sửa, xóa) với CSS - Thao tác (chèn, sửa, xóa) với AJAX - Các phương thức xử lý sự kiện HTML - JSON Parsing - Hỗ trợ 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+ >>> Xem thêm: Json là gì? Cách sử dụng chuỗi Json hiệu quả - Khả năng mở rộng thông qua các plug-in 3. Ưu điểm khi sử dụng jquery?Thư viện jQuery gọn nhẹ , thân thiện với kích thước của website. Hỗ trợ xử lý code một cách nhanh chóng và có thể mở rộng. Hỗ trợ cải thiện hiệu suất của lập trình web. Giúp phát triển các ứng dụng có tính tương thích tối đa với trình duyệt. jQuery có tính tương thích đa nền tảng nên có thể tự động sửa lỗi và chạy được trên mọi trình duyệt. Những tính năng mới nhất của trình duyệt sẽ được jQuery nắm bắt và sử dụng. Giảm thiểu tối đa thời gian viết ứng dụng nhờ sở hữu cộng đồng và thư viện vô cùng phong phú jQuery có hiệu ứng animation cho phép phủ các dòng code và người dùng chỉ cần thêm biến hoặc nội dung vào. Hỗ trợ phương thức sự kiện và giúp xử lý các sự kiện một cách đa dạng mà không khiến cho HTML code bị lộn xộn. >>> Liên quan: CSS là gì? Hướng dẫn sử dụng chi tiết 4. jquery SelectorSelector là một bộ lựa chọn dùng để lựa chọn ra các phần tử thỏa mãn một tiêu chí nào đó. Các cú pháp cơ bản của selector, bao gồm: 5. Hướng dẫn sử dụng jqueryjquery là gì? Bạn sử dụng jquery theo một trong 2 cách: cài đặt nội bộ hoặc sử dụng từ CDN Cài đặt jquery nội bộBạn tải xuống jQuery Library và cài nó trong HTML code. Bước 1: Tải phiên bản jQuery mới nhất bằng cách truy cập vào trang https://jquery.com/download/ Chọn phiên bản mới nhất Code như sau: Thêm thẻ vào thuộc tính src để nhúng Sau đó thêm đoạn code HTML và script như sau Sử dụng CDNNhân Hòa hướng dẫn bạn include thư viện jQuery vào trong HTML code một cách trực tiếp từ Content Delivery Network (CDN) trên Google, theo code như sau: 6. Cách sử dụng Custom Script trong jQueryBạn viết code tùy chỉnh trong tệp JavaScript tùy chỉnh, có tên custom.js, như sau: Sau đó, đưa custom.js này vào trong HTML file 7. Cách để gọi một một hàm jquery Trước khi sử dụng thư viện jquery để đọc và chỉnh sửa DOM, bạn cần bắt đầu thêm các sự kiện ngay sau khi DOM sẵn sàng. Được đặt trong hàm $(document).ready() Để 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: 8. Kết luậnVới phần định nghĩa jquery là gì và cách sử dụng chúng, Nhân Hòa hy vọng cung cấp đến bạn những thông tin có giá trị. |
