4.1. Chạy mã khi Document Ready (trang đã sẵn sàng)
Có thể thấy rằng hầu hết khi lập trình với Javascript, kết thúc mã thực thi bằng cách thêm các dòng mã vào script, tương tự như sau:
window.onload = function() { … }
Các mã bên trong đó sẽ được thực thi khi trang được tải xong. Tuy nhiên, mã Javascript không chạy cho đến khi tất cả các hình ảnh trong trang được tải xong (kể cả banner quảng cáo). Lý do cho việc sử dụng window.onload là để chắc chắn rằng HTML 'document' phải được tải xuống hết, sau đó mới chạy mã kia. Để giải quyết, jQuery có câu lệnh đơn giản, được biết như:
$(document).ready(function() { //Mã của chúng ta
});
Mã này kiểm tra document và đợi cho đến khi nó sẵn sàng để sử dụng - theo ý chúng ta muốn. Hình 2
Microsoft Vietnam – DPE Team | Bài số 9: jQuery 4
4.2. Function $()
Khi chúng ta làm việc với CSS, Xpath hoặc custom, jQuery sử dụng function $() (dấu $ và cặp dấu ngoặc). Dưới dây là một số thành phần trong $():
$("p"): p là tên của một thẻ (tag). $("#id"): id là tên của một id.
$(".class"): class là tên của một lớp. 5. Một số API trong jQuery
5.1. Selectors
5.1.1. Basic id # id #
Trả về một phần tử của mảng: Array <Element>
Nó tương ứng với một phần tử duy nhất được gán bởi thuộc tính id.
Nếu id chứa các ký tự như dấu chấm (.) hoặc 2 dấu [] thì chúng phải thêm 2 dấu ngạch chéo (\\)
vào trước các ký tự đó.
Nếu là $("#some.id") thì phải viết thành $("#some\\.id") Nếu là $("#some[id]") thì phải viết thành $("#some\\[id]\\")
element
Kiểu trả về: Array<Element(s)>
Tương ứng với tất cả các phần tử với tên được gán.
.class
Kiểu trả về: Array<Element(s)>
Tương ứng với tất cả các phần tử với tên lớp.
*
Kiểu trả về: Array<Element(s)>
Tương ứng với tất cả các phần tử.