mdw #1 mdw #2 mdw #3
Để chọn được nhiều mẫu ưng ý hơn các bạn có thể xem ở trên link này, cách thức hoạt động của chúng cũng gần giống nhau và dựa trên các hiệu ứng jQuery, rất đơn giản và dễ hiểụ của chúng cũng gần giống nhau và dựa trên các hiệu ứng jQuery, rất đơn giản và dễ hiểụ Cơ bản về sự kiện trong jQuery
11:08 am GMT +7 Hanoi
jQuery cung cấp cho chúng ta khá nhiều các sự kiện đủ để thao tác với các thành phần trên website mà chúng ta mong muốn. Bên cạnh đó, jQuery còn loại bỏ hoàn toàn các trên website mà chúng ta mong muốn. Bên cạnh đó, jQuery còn loại bỏ hoàn toàn các event code ra khỏi mã HTML như cách viết javascript thông thường
Trong javascript, để xuất hiện thông báo với người dùng khi click vào liên kết bạn phải viết như sau: như sau:
CODE
<a class="click" href="#" onclick="arlert('Welcome to MienDatWeb.Com')">Click to show message</a>
Bạn nhận thấy rằng chúng ta phải viết mã để gọi sự kiện onclick ngay trong liên kết <a>. Nhưng với jQuery thì chúng ta có thể sử dụng bộ selector để thao tác với các sự kiện như sau: Nhưng với jQuery thì chúng ta có thể sử dụng bộ selector để thao tác với các sự kiện như sau: CODE
$("ạclick").click(function() { alert("Welcome to MienDatWeb.Com"); });
Bộ quản lý sự kiện
Javascript cung cấp Bộ quản lý sự kiện window.onload cho phép chúng ta thực thi một hàm nào đó. Trong khi đó jQuery cung cấp cho chúng ta bộ quả lý sự kiện $(document).ready() nào đó. Trong khi đó jQuery cung cấp cho chúng ta bộ quả lý sự kiện $(document).ready() nhưng với những ưu điểm vượt trội hơn sự kiện window.onload
window.onload sẽ được thực thi sau khi trình duyệt tải xong toàn bộ tài liệu cần thiết bao gồmstylesheet, hình ảnh… stylesheet, hình ảnh…
Trong khi đó $(document).ready() sẽ được thực thi ngay khi các phần tử DOM được sẵn sàngmà không cần đợi các tài liệu như stylesheet hay hình ảnh tải xong. Do đó quá trình xử lý vào mà không cần đợi các tài liệu như stylesheet hay hình ảnh tải xong. Do đó quá trình xử lý vào thao tác sẽ diễn ra nhanh hơn.
Cách đăng ký bộ quản lý sự kiện trong jQuery CODE CODE
$(document).ready(function() {
//Code và các chương trình thực thi })
Hoặc:
$().ready(function() {
//Code và các chương trình thực thi })
Hoặc:
$(function() {
//Code và các chương trình thực thi })