Giáo trình Lập trình viên mã nguồn mở PHP - Module 4, Bài 7: JQuery

LTV MÃ NGUỒN MỜ PHP
Module 4 - Bài 7: JQuery
Ngành LT & CSDL
www.t3h.vn
2014
Trường ĐH Khoa Học Tự Nhiên Tp. Hồ Chi Minh TRUNG TÂM TIN HỌC
MC
VMediaFire
/~1IIMIICII lie
Tổng quan về jQuery
□ jQuery là gì?
jQuery là một thư viện JavaScript nhỏ gọn và có nhiều tính năng phong phú, xử lý nhanh
Làm việc với hầu hết các chuẩn mới (như HTML5, CSS3)
Với một kho API dễ dàng sử dụng, nó làm cho mọi thứ trở nên đơn giản hơn như:
Duyệt và thao tác trên DOM
Xử lý sự kiện, các thao tác về animation (hình ảnh động) và Ajax
Các API này làm việc được trên nhiều trình duyệt (crossbrowser).
Với sự kết hợp của tính linh hoạt và khả năng mờ rộng, jQuery đã làm thay đổi cách viết JavaScript cùa hàng triệu người
LTV Mã nguồn mờ PHP - Module 4
Tổng quan về jQuery
□ Tại sao phải sử dụng jQuery?
Giúp người dùng đơn giản hóa cách viết javascript và tăng tốc độ xử lý
Tránh được các bực mình về vấn đề xung đột giữa các trình duyệt
Cung cấp một kho plugin khổng lồ
Cộng đồng người sử dụng đóng đảo
Đã được kiểm nghiệm trong 50 trình duyệt và 11 platforms
Thích hợp cho người viết code lẫn người thiết kế
LTV Mã nguồn mờ PHP - Module 4
Tổng quan về jQuery
□Các công ty lớn sử dụng jQuery
Google, BBC, Digg, Wordpress, Amazon, IBM, ...
ở Việt Nam: NAISCORP(socbay), VCCORP(bamboo), VINAGAME(zing)...
□ Download jQuery
Trang chủ : 
Hoặc: 
LTV Mã nguồn mờ PHP - Module 4	6
K
Khai báo thu’ viện jQuery
□ Khai báo cục bộ
■■
•Với x.x.x là phiên bản
• .min: thư viện được optimize
LTV Mã nguồn mờ PHP - Module 4
Khai báo thu’ viện jQuery
□Sử dụng phiên bản có sẵn trên server của google
<script »rc«" ccta/ajax/liba/jqu«ry/l.4.2/jquary.min.ja"
typa«“taxt/java»cript"X/scrĩpt>
LTV Mã nguồn mờ PHP - Module 4
jQuery hoạt động như thế nào?
LTV Mã nguồn mớ PHP - Module 4
□ Ba khái niệm chính cùa jQuery
$0 function
Get > Act
Chainability
MC
VMediaFire
IIẾ
Sử dụng jQuery
□ Một Số jQuery thông dụng
• jQzoom: Khi người dùng rê chuột lên một vị trí bất kỳ của một hình ảnh, phần hình ảnh này được phóng to lên ờ một khung hình ảnh bên cạnh.
LTV Mã nguồn mớ PHP - Module 4
MC
VMediaFire
lift
(MC
VMediaFire
Sử dụng jQuery
• PHP:
<?php
$hinh lon = array('l_big.jpg',
'2_big.jpg’,'3_big.jpg','4_big.jpg','5_big.jpg','6_big.jpg');
$hinh_nho = arrayt'l_small.jpg',
' 2 small. jpg ' , ' 3_small. jpg ', ' 4 small. jpg ' , ' 5_stnall. jpg ' , ' 6_small. j pg' ) ;
echo "”;
$dein Ú ;
for ($1=0;$i<count($hinh_lon);$!++){
if ($dem%3«"0) {echo ""; )
echo " " ;
idemI■;
if ($demĩ3""0){echo "";}
1
	 echo ’";
IÙ4 ?>	LTV Mã nguồn mờ PHP - Module 4	24
MC
VMediaFire
z	II c