Trang chủ » Kho tài liệu » Hướng dẫn sử dụng JQuery


Cập nhật ngày: 4/23/2015 2:07:42 PM

Bài 1 – Cơ bản jQuery



JQuery là một thư viện được xây dựng dựa trên ngôn ngữ Javascript, do đó bạn có thể sử dụng tất cả các phương thức, thuộc tính cũng như các tiện ích mà javascript hỗ trợ(string, number, array, object, function…)


JQuery là một thư viện được xây dựng dựa trên ngôn ngữ Javascript, do đó bạn có thể sử dụng tất cả các phương thức, thuộc tính cũng như các tiện ích mà javascript hỗ trợ(string, number, array, object, function…)

 

Làm sao để gọi các phương thức của thư viện jQuery?

Cũng tương tự như javascript, trước khi chúng ta sử dụng các đoạn mã của jQuery để đọc hay sửa đổi các mô hình đối tượng tài liệu(DOM), chúng ta cần đảm bảo rằng trước chúng(DOM) đã sẵn sàng.

Nếu như javascript có phương thức window.onload để thực hiện việc này thì jQuery cũng có phương thức ready. Cú pháp như sau

1
2
3
$(document).ready(function() {
  code here
 });

B1: Tạo folder mang tên jquery, tạo file bai1.html  và folder js bên trong thư mục

Cơ bản jQuery

B2: Download thư viện jQuery tại địa chỉ http://jquery.com/download/. Bạn có thể chọn phiên bản jQuery 1.x hoặc jQuery 2.x. Sau đó lưu file đã tải vào trong thư mục js.

Cơ bản jQuery

B3: Mở file bai1.html bên ngoài thư mục jquery mà khi nãy chúng ta đã tạo. Nhập đoạn code sau

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Viet Object - jQuery</title>
<script type="text/javascript" language="javascript" src="js/jquery-2.1.0.min.js"></script>
</head>
 
<body>
<div id="content"></div>
<script type="text/javascript">
 $(document).ready(function() {
 alert("Welcome to jQuery");
 });
</script>
 
</body>
</html>
 
  

Đoạn mã tại dòng 6 được dùng để chèn thư viện jquery vào tài liệu html hiện tại.

B4: Mở file với trình duyệt

Cơ bản jQuery