WELCOME TO BLOGGER VQGĐC

THÂN CHÀO QUÝ BẠN
CLICK HERE TO OPEN

Tất cả hình ảnh, những hoạt động cùng cơ sở Định Chuẩn rồi cũng cùng với thời gian rơi vào khoảng không
Nếu còn gì rớt lại chỉ là những tình cảm của những con người đã một thời làm việc chung dưới một mái nhà
mà nay đả tản mác khắp bốn phương trời
Ninh Vũ / Phòng Thí Nghiệm VQGĐC

Friday, April 8, 2011

HOW TO USE JQUERY

CÁCH DÙNG jQUERY

jQuery do John Resig sáng tạo tại NYC / USA năm 2006.

jQuery rất hay giúp chúng ta làm được nhiều công việc trong lảnh vực website.

Chẳng hạn xóa bỏ những câu không muốn,viết thêm để nối tiếp vào câu đã có sẵn hoăc viêt

thêm phía dưới câu đã có sẵn,xóa những câu đã có sẵn rồi thay bằng những câu khác , làm

di động gọi là animation, làm biến mất rồi làm xuất hiện lại một đọan văn,làm thay đổi kích

thước v.v…

Muốn làm được việc nầy cần có hiểu biết căn bản về HTML,JavaScript,XML vì jQuery là tập

họp những javaScript functions gọi là library thành một " javaScript file " đơn giản.

Chép bài thí dụ đơn giản đính kèm vào notepad rồi mở bằng Internet explorer sẽ thấy hiện ra

như bên cạnh.

Trong bài nầy có hai scripts. Phần chữ đỏ là jQuery script của Microsoft.

Có thể dùng jQuery script của Google thay cho Microsoft. Còn script chữ màu xanh

jQuery method.




Quan sát bản jQuery trên khi chúng ta click vào button thi javascript function được called

và method hide sẽ làm biến mất các câu viết màu xanh lá cây và màu tím ở phần body.

Ngoài hide method còn có thêm nhiều methods khác liệt kê phía dưới.Thay thế $("p").hide()

ở trên bằng những ký hiệu sau đây sẽ thấy có thay đổi .

$("p").html("Write here what you want to show") ;

$("p").append("Write here ....") ;

$("p").after("Write here ...... ") ;

$("p").before("Write here .....") ;

$("p").show( "..............") ;

$("selector").slideDown(...) ;

$("selector").fadeOut(....) ;

$("selector").animate(....) ; makes animation on selected element.

$("selector").Toggle(...) ; slides the selected element up and down .

Khi dùng hide hay show thì nên thêm speed tuỳ ý như sau "normal","slow" hay "fast".

Thí dụ

$(button).click(function(){

$("p").hide("slow");

})