Giới thiệu jQuery

Thư viện jQuery có thể được thêm vào trang web bằng một dòng đánh dấu đơn giản.

Thư viện jQuery - Tính năng

jQuery là một thư viện hàm JavaScript.

Thư viện jQuery chứa các tính năng sau:

  • Chọn phần tử HTML
  • Chức năng元素 HTML
  • Chức năng CSS
  • Hàm sự kiện HTML
  • Hiệu ứng và animation JavaScript
  • Truy vấn và chỉnh sửa HTML DOM
  • AJAX
  • Utilities

Thêm thư viện jQuery vào trang của bạn

Thư viện jQuery nằm trong một tệp JavaScript, chứa tất cả các hàm jQuery.

Bạn có thể thêm jQuery vào trang web bằng cách sử dụng các dấu hiệu sau:

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

Lưu ý rằng thẻ <script> nên nằm trong phần <head> của trang.

Mô hình jQuery cơ bản

Dưới đây là ví dụ minh họa hàm hide() của jQuery, ẩn tất cả các phần tử <p> trong tài liệu HTML.

Mô hình

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>Đây là tiêu đề</h2>
<p>Đây là đoạn văn bản.</p>
<p>Đây là đoạn văn bản khác.</p>
<button type="button">Nhấn tôi</button>
</body>
</html>

Thử ngay

Tải xuống jQuery

Có hai phiên bản của jQuery có thể tải xuống: một là đã được rút gọn, một là chưa nén (dành cho gỡ lỗi hoặc đọc).

Cả hai phiên bản này đều có thể được tải xuống từ jQuery.com Tải xuống.

Thay thế thư viện

Google và Microsoft đều hỗ trợ rất tốt jQuery.

Nếu bạn không muốn lưu thư viện jQuery trên máy tính của mình, bạn có thể tải CDN jQuery core file từ Google hoặc Microsoft.

Sử dụng CDN của Google

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

Sử dụng CDN của Microsoft

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>