Nếu bạn đã nghe qua thuật ngữ jQuery tuy thế vẫn không thực sự biết jQuery là gì và cách áp dụng thì phía trên là nội dung bài viết dành cho bạn. Ngày này, phần đông dân làm web phần đa rất để ý đến thư viện này và cấp thiết phủ nhận sức khỏe của nó. Bởi vì thế, hãy thuộc biancoscudati.net mày mò lý do vì sao jQuery ngày càng cách tân và phát triển như vậy nhé.


Nội dung

Ưu điểm của jQuery là gì?Nhược điểm của jQuery là gì?Cách sử dụng jQueryCú pháp của jQueryJQuery Selector (Bộ chọn JQuery)Một số thuật ngữ jQuery bạn phải biết?Những câu hỏi thường gặp về jQuery

jQuery là gì?

jQuery là một tủ sách được viết bởi JavaScript nhiều tính năng, cấp tốc và bé dại gọn. JQuery chuyển động theo phương châm Write less – bởi more (viết không nhiều hơn, làm các hơn). Mục tiêu của jQuery là tạo cho việc áp dụng JavaScript trên trang web trở nên dễ ợt hơn.

*
John Resig người phát triển jQuery

jQuery được trao giấy phép theo CC BY-SA 2.5, cùng được cấp lại vào năm 2006 vì MIT. Vào thời điểm cuối năm năm 2016 được cung cấp phép hoạt động bởi GPL với MIT.

Các phiên bạn dạng của jQuery:

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

JQuery được xem là một điều suôn sẻ cho một trong những nhà trở nên tân tiến web, mặc dù cho là người new hay đã có kinh nghiệm. Đây là 1 trong thư viện giành riêng cho Javascript giúp đơn giản dễ dàng hóa bài toán lập trình cùng với JavaScript, hỗ trợ các cú pháp dễ sử dụng, cô ứ đọng để thực hiện được đều tác vụ, thậm chí còn là phức tạp.

Việc áp dụng JQuery bao gồm một số lợi ích so với câu hỏi sử dụng các thư viện JavaScript khác.

Dễ sử dụng

Đây là ưu thế chính của việc áp dụng JQuery, nó dễ áp dụng hơn tương đối nhiều so với JavaScript chuẩn và những thư viện JavaScript khác. Quanh đó cú pháp đối chọi giản, jQuery cũng yêu ước ít mẫu mã hơn các để đạt được cùng một kỹ năng so với các thư viện JavaScript khác.

Bạn đang xem: Jquery là gì? tổng quan và hướng dẫn sử dụng jquery

Thư viện lớn

JQuery cho phép thực hiện các hàm so với những thư viện JavaScript khác.

Opensource community dũng mạnh (Có sẵn một số trong những plugin jQuery)

Mặc mặc dù còn kha khá mới, nhưng có tương đối nhiều người đã dành thời hạn để tìm kiếm hiểu, phát triển và nâng cấp chức năng của JQuery. Vì chưng đó, có hàng trăm plugin viết sẵn bao gồm sẵn để sở hữu xuống nhằm mục tiêu tăng tốc ngay lập tức quá trình phát triển. Sát bên đó, vấn đề này còn bảo đảm an toàn tính tác dụng và bảo mật của script.

Có tài liệu và giải đáp tuyệt vời

Trang web JQuery tất cả một tư liệu và hướng dẫn toàn diện cho những người mới bước đầu lập trình trả toàn có thể nắm bắt được các buổi giao lưu của thư viện này.

Hỗ trợ Ajax

JQuery cho phép phát triển các mẫu Ajax một bí quyết dễ dàng. Ajax là một trong phương thức được cho phép tạo một hình ảnh đẹp hơn, với là nơi các hành động hoàn toàn có thể được thực hiện trên những trang nhưng không yêu cầu tải lại toàn thể trang.

Nhược điểm của jQuery là gì?

Chức năng rất có thể bị hạn chế

Mặc dù JQuery là 1 thư viện tuyệt vời về số lượng, tùy thuộc vào thời gian độ thiết lập cấu hình yêu ước trên website của bạn. Mặc dù nhiên, vẫn đang còn nhiều tính năng có thể bị hạn chế, vì thế việc áp dụng JavaScript thuần nhằm xây dựng chức năng này.

Làm cho client trở yêu cầu chậm hơn

Client không những để hiển thị nhưng còn đề xuất xử lý nhiều công dụng được chế tạo ra thành từ jQuery. Nếu như jQuery bị lấn dụng quá nhiều sẽ tạo nên client trở bắt buộc chậm chạp, đặc biệt là những client yếu. Bởi thế, những lập trình viên cần được dùng thêm cache.

Cách áp dụng jQuery

Có không hề ít thư viện JavaScript trên Internet, tuy vậy jQuery có lẽ rằng là thư viện phổ cập nhất, tiện nghi nhất và có thể mở rộng.

Một số tập đoàn cũng thực hiện jQuery như Google, Microsoft, IBM, Netflix.

Có hai cách để sử dụng jQuery là mua jQuery tự jquery.com hoặc thực hiện jQuery thẳng từ CDN như Google.

Download jQuery

Có hai phiên bản để download jQuery:

Production version (phiên bạn dạng sản xuất) – phiên bạn dạng dành cho website live bởi minify (rút gọn) cùng compress (nén).Development version (phiên bản phát triển) – là phiên bản để thí điểm và cải cách và phát triển (mã không nén và có thể đọc được).

Cả hai phiên bản này hầu hết được download từ jQuery.com. Thư viện jQuery là một trong file JavaScript duy nhất cùng reference (tham chiếu) bởi thẻ HTML

jQuery CDN

Nếu bạn không thích tự cài đặt xuống và tàng trữ jQuery, thì rất có thể sử dụng jQuery thẳng từ CDN (Content Delivery Network – Mạng triển lẵm nội dung). Google là 1 trong ví dụ điển hình nổi bật cho host jQuery.

Google CDN

Cú pháp của jQuery

Cách thức thao tác của jQuery là vẫn dùng những bộ chọn (Selector) để chọn ra các phần tử HTML mà bạn thích xử lý, tiếp nối dùng những hàm (được hỗ trợ bởi tủ sách jQuery) để cách xử trí các phần tử HTML đó.

Phương thức jQuery đối kháng giản

Phương thức jQuery đơn giản dễ dàng là chỉ việc chọn ra một trong những phần tử HTML rồi dùng một hành động để xử lý.

Cú pháp:

$(selector).action();Dấu $ nhằm định nghĩa/truy cập jQuery.(seletor) nhằm “query (hoặc Find)” các phần tử HTML.jQuery action() được tiến hành trên những phần tử.Ví dụ:

$(this).hide() – ẩn bộ phận hiện tại.$("p").hide() – ẩn tất cả các phần tử.$(".test").hide() – ẩn tất cả các thành phần có class=”test”.$("#test").hide() – ẩn thành phần có id=”test”.

Phương thức jQuery phức tạp

Phương thức được hotline là tinh vi khi chọn một phần tử HTML rồi dùng hành vi để xử trí và trong hành vi đó lại bao gồm các cách tiến hành jQuery khác.

Cú pháp:

$(selector).action(function() // những phương thức jQuery khác phía trong này );

JQuery Selector (Bộ chọn JQuery)

jQuery Selector là giữa những phần đặc biệt quan trọng nhất của tủ sách jQuery. Cỗ chọn jQuery có thể chấp nhận được chọn và thao tác trên các thành phần HTML.

Bộ chọn jQuery được thực hiện để “tìm” (hoặc chọn) các thành phần HTML dựa trên tên, ID, class, type, trực thuộc tính, giá trị của thuộc tính và nhiều hơn nữa. Nó dựa vào Bộ chọn CSS hiện có và một số bộ chọn tùy chỉnh riêng.

Tất cả các bộ lựa chọn trong jQuery đều bắt đầu bằng ký hiệu $ hoặc $().

Element Selector (Bộ chọn phần tử)

Bộ chọn thành phần jQuery lựa chọn các bộ phận dựa trên tên phần tử.

Bạn hoàn toàn có thể chọn tất cả các thành phần trên một trang như thế này:

$("p")Ví dụ:

Khi người tiêu dùng click vào nút, các phần tử sẽ bị ẩn.

$(document).ready(function() $("button").click(function() $("p").hide(); ););

#ID selector (Bộ chọn ID)

Bộ chọn jQuery #id thực hiện thuộc tính id của thẻ HTML nhằm tìm phần tử cụ thể.

Một id cần là tuyệt nhất trong một trang, bởi vì vậy bạn nên sử dụng bộ chọn #id khi mong muốn tìm một phần tử duy nhất.

Để tìm 1 phần tử gồm id thay thể, hãy viết một cam kết tự hash, theo sau là id của bộ phận HTML

$("#test")Ví dụ:

Khi người tiêu dùng click vào nút, bộ phận có id=”test” sẽ ảnh hưởng ẩn.

$(document).ready(function() $("button").click(function() $("#test").hide(); ););

.class Selector (Bộ chọn .class)

Bộ lựa chọn jQuery .class tra cứu các bộ phận với một lớp nắm thể.

Để kiếm tìm các thành phần với một lớp cố kỉnh thể, hãy viết một ký tự lốt chấm, theo sau là tên gọi của lớp:

$(".test")Ví dụ: Khi người dùng click vào nút, các bộ phận class=”test” có khả năng sẽ bị ẩn.

$(document).ready(function() $("button").click(function() $(".test").hide(); ););

Một số ví dụ khác về bộ chọn jQuery

Cú phápMô tả
$(“*”)Chọn toàn bộ các phần tử.
$(this) Chọn các phần tử HTML hiện nay tại.
$(‘p.intro)Chọn toàn bộ các phần tử tất cả class=”intro”.
$(“p:first”)Chọn phần tử đầu tiên.
$(“ul li:first”)Chọn bộ phận trước tiên của phần đầu tiên.
$(“ul li:first-child”)Chọn phần tử thứ nhất của mỗi thành phần .
$(“”)Chọn toàn bộ các thành phần có trực thuộc tính href.
$(“a”)Chọn tất cả các thành phần có giá trị thuộc tính bằng “_blank”.
$(“a”)Chọn tất cả các bộ phận có giá trị nằm trong tính không bằng “_blank”.
$(“:button”)Chọn tất cả các phần tử với bao gồm type=”button”.
$(“tr:even”)Chọn toàn bộ các phần tự “tr” chẵn.

Xem thêm: Widgets Là Gì ? Cách Sử Dụng Wordpress Widget Widget Là Gì

$(“tr:odd”)Chọn toàn bộ các phần từ bỏ “tr” lẻ.
Một số ví dụ không giống về bộ chọn jQuery

Một số thuật ngữ jQuery bạn cần biết?

Element

Element: Phần tử, là một trong những yếu tố DOM bao gồm các trực thuộc tính của nó, text cùng children. Ví dụ: