Thứ Sáu, 7 tháng 3, 2014
jQuery Syntax
«Trở lại
Chương tiếp theo »
Với jQuery bạn chọn (truy vấn) các phần tử HTML và thực hiện "hành động" trên chúng.
jQuery Cú pháp
Cú pháp jQuery là thiết kế riêng làm cho việc lựa chọn các phần tử HTML và thực hiện một số hành động trên các yếu tố (s).
Cú pháp cơ bản là: $ ( selector ). hành động ()
- A $ dấu hiệu để xác định / truy cập jQuery
- A ( chọn ) để "truy vấn (hoặc tìm)" các phần tử HTML
- Một jQuery hành động () được thực hiện trên các phần tử (s)
Ví dụ:
$ (This) hide () -. Ẩn các yếu tố hiện tại.
$ ("P") ẩn () -. Giấu tất cả các yếu tố <p>.
$ (". Test") hide () -. Giấu tất cả các phần tử với class = "thử nghiệm".
$ ("# Test") hide () -. Giấu các phần tử với id = "test".
 | Là bạn quen với bộ chọn CSS? jQuery sử dụng cú pháp CSS để chọn yếu tố. Bạn sẽ tìm hiểu thêm về cú pháp chọn trong chương kế tiếp của hướng dẫn này. |
|---|
Các tài liệu đã sẵn sàng tổ chức sự kiện
Bạn có thể thấy rằng tất cả các phương pháp jQuery trong ví dụ của chúng tôi, đang ở trong một sự kiện sẵn sàng tài liệu:
$(document).ready(function(){
// jQuery methods go here...
});
// jQuery methods go here...
});
Điều này là để ngăn chặn bất kỳ mã jQuery chạy trước khi tài liệu được hoàn tất tải (sẵn sàng).
Đó là thực hành tốt để chờ đợi cho các tài liệu được nạp đầy đủ và sẵn sàng trước khi làm việc với nó. Điều này cũng cho phép bạn có mã JavaScript của bạn trước khi cơ thể của tài liệu của bạn, trong phần đầu.
Đây là một số ví dụ về các hành động có thể thất bại nếu phương pháp này được chạy trước khi tài liệu được nạp đầy đủ:
- Cố gắng che giấu một yếu tố mà không được tạo ra chưa
- Cố gắng để có được kích thước của một hình ảnh không được tải được nêu ra
Mẹo: Nhóm nghiên cứu jQuery cũng đã tạo ra một phương pháp ngắn hơn cho các sự kiện sẵn sàng tài liệu:
$(function(){
// jQuery methods go here...
});
// jQuery methods go here...
});
Sử dụng cú pháp mà bạn thích. Chúng tôi cho rằng sự kiện đã sẵn sàng tài liệu dễ hiểu khi đọc mã.
«Trở lại
Chương tiếp theo »
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét