Đồ Án jQuery : Tìm hiểu các plugin hỗ trợ web

1.1 Giới thiệu về jquery
Với sự phát triển rất mau lẹ của Internet, người dùng ngày càng quan tâm hơn đến hình thức của một trang web. Trước đây một trang web chỉ cần có banner, nội dung và ít footer hời hợt là đã được cho là một trang web hoàn chỉnh. Nhưng bây giờ trang web đó phải có banner bắt mắt, nội dung hay và còn nhiều hiệu ứng lạ mắt khác nữa thì mới có thể thu hút được người đọc.
Chính vì thế những web designer bắt đầu chú ý đến các thư viện JavaScript mở như jQuery để tạo ra các hiệu ứng có thể tương tác trực tiếp với người đọc một cách nhanh chóng và dễ dàng hơn rất nhiều là sử dụng thuần JavaScript.
Nhưng nếu bạn là người mới làm quen với jQuery bạn sẽ thấy không biết phải bắt đầu từ đâu vì jQuery cũng giống như bất cứ thư viện nào khác cũng có rất nhiều functions. Cho dù bạn có đọc phần tài liệu hướng dẫn sử dụng của jQuery thì bạn vẫn thấy rất phức tạp và khó hiểu.
Nhưng bạn yên tâm một điều là jQuery có cấu trúc rất mạch lạc và theo hệ thống. Cách viết code của jQuery được vay mượn từ các nguồn mà các web designer đa phần đã biết như HTML và CSS. Nếu từ trước đến nay bạn chỉ là Designer chứ không phải coder, bạn cũng có thể dễ dàng học jQuery vì kiến thức về CSS giúp bạn rất nhiều khi bắt đầu với jQuery.
Nhận thấy jQuery còn khá mới mẻ với nhiều bạn và nó cũng là thư viện được đông đảo người sử dụng. Nhóm chúng em sẽ giới thiệu đến các bạn loạt bài về jQuery. Trong loạt bài này chúng ta sẽ tìm hiểu về jQuery và các tính năng của nó. Trước hết bạn nên biết jQuery có thể làm được những gì.


Muc lục
1 Tổng quan: 4
1.1 Giới thiệu về jquery 5
1.1.1 Những gì Jquery có thể làm: 5
1.1.2 Tại sao jQuery làm việc tốt? 6
1.2 Cài đặt 10
1.2.1 Host jQuery 10
1.2.2 Dùng phiên bản có sẵn trên server của Google 11
2 Sử dụng Jquery 12
2.1 Cú pháp của Jquery: 12
2.2 Jquery selector : 12
2.3 Sự kiện Jquery: 14
2.3 Lựa chọn các element 23
2.3 Hiệu ứng 24
2.3.1 Ẩn hiện element 24
2.3.2 Fade in/fade out 25
2.3.3 Sliding 26
2.3.4 Custom Animation 26
2.3.5 Ví dụ: 27
2.4 Chèn flash vào nội dung trang web 29
2.5 Chèn một trang web của người khác vào trang của bạn 30
2.6 Ckeditor 30
2.7 Ckfiner 32
2.8 Support online 34
2.9 Hướng dẫn sử dụng jquery có sẵn. 34
3 DEMO 35
3.1 Menu Expand on Hover 35
3.2 Drop-down Menus 36
3.3 Login form 36
3.4 Slideshow 36
3.4 Calendar 37
3.5 Ckeditor 37
3.6 Ckfinder 38
3.7 Registerform 38
3.8 MergingImageBoxes 38
3.9 Popup quảng cáo 39
3.10 Chèn frame. 39
3.11 Bản đồ. 40
3.12 Chèn flash 41
4 Tài liệu tham khảo: 41