Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 73 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
73
Dung lượng
430,16 KB
Nội dung
JQUERY THÀNH VIÊN NHÓM NGUYỄN TRẦN CHUNG 09520027 PHẠM VIỆT HÀ 09520504 DƯƠNG VĂN LÂM 09520147 1. Gi i thi u Jquey và cách s d ngớ ệ ử ụ 2. Selectors trong Jquery 3. Attributes trong Jquery 4. Events trong Jquery 5. Effects trong Jquery 6. Manipulation DOM trong Jquery 7. Json, Javascript, Xml, Html, Ajax v i Jqueryớ 8. Gi i thi u Jquery UI, Jquery mobileớ ệ 9. T ng K tổ ế MỤC LỤC DOM là gì ??? DOM-DOCUMENT OBJECT MODEL DOM-DOCUMENT OBJECT MODEL <html> <head> <title>My title</title> </head> <body> <a href=“” >My link</a> <h1>My header<h1> </body> </html> DOM-DOCUMENT OBJECT MODEL Class . ID # CSS - CASCADING STYLE SHEETS .httt khác #httt CSS - CASCADING STYLE SHEETS 1. Gi i thi u Jquey và cách s d ngớ ệ ử ụ 2. Selectors trong Jquery 3. Attributes trong Jquery 4. Events trong Jquery 5. Effects trong Jquery 6. Manipulation DOM trong Jquery 7. Json, Javascript, Xml, Html, Ajax v i Jqueryớ 8. Gi i thi u Jquery UI, Jquery mobileớ ệ 9. T ng K tổ ế MỤC LỤC 1.1 JQUERY LÀ GÌ ? - JQuery chính là một thư viện kiểu mới của Javascript giúp đơn giản hóa cách viết Javascript và tăng tốc độ xử lý các sự kiện trên trang web,hỗ trợ các nhà lập trình web tạo ra các tương tác trên website một cách nhanh nhất. - JQuery được khởi xướng bởi John Resig (hiện là trưởng dự án của Mozzila) vào năm 2006, jQuery có mã nguồn mở và hoàn toàn miễn phí. - 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. [...]... giữa trình duyệt + Cách sử dụng đơn giản + Dung lượng của Jquery chưa tới 100KB 1.4 CÁCH SỬ DỤNG JQUERY Bởi vì Jquery là một thư viện JavaScript do vậy để sử dụng nó bạn phải chèn nó vào trang web thì mới có thể sử dụng được duong_dan_toi_file _jquery có thể lấy trên các server của google.com, jquery. com hoặc trên folder của website + http://code .jquery. com /jquery- latest.js... 1. Giới thiệu Jquey và cách sử dụng 2. Selectors trong Jquery 3. Attributes trong Jquery 4. Events trong Jquery 5. Effects trong Jquery 6. Manipulation DOM trong Jquery 7. Json, Javascript, Xml, Html, Ajax với Jquery 8. Giới thiệu Jquery UI, Jquery mobile 9. Tổng Kết 3 ATTRIBUTES TRONG JQUERY Tại sao cần tìm hiểu Attributes trong Jquery ??? 3 ATTRIBUTES TRONG JQUERY Cung cấp các phương thức giúp lập trình viên có thể... 1. Giới thiệu Jquey và cách sử dụng 2. Selectors trong Jquery 3. Attributes trong Jquery 4. Events trong Jquery 5. Effects trong Jquery 6. Manipulation DOM trong Jquery 7. Json, Javascript, Xml, Html, Ajax với Jquery 8. Giới thiệu Jquery UI, Jquery mobile 9. Tổng Kết 4 EVENTS TRONG JQUERY Jquery cung cần những phương thức xử lý hành vi nào ??? 4 EVENTS TRONG JQUERY Các loại event trong jquery: 1 Document Loading... sàng ( cấu trúc trang web đã được tải ) MỤC LỤC 1. Giới thiệu Jquey và cách sử dụng 2. Selectors trong Jquery 3. Attributes trong Jquery 4. Events trong Jquery 5. Effects trong Jquery 6. Manipulation DOM trong Jquery 7. Json, Javascript, Xml, Html, Ajax với Jquery 8. Giới thiệu Jquery UI, Jquery mobile 9. Tổng Kết 2 SELECTORS TRONG JQUERY Ý nghĩa của Selector ??? 2 SELECTORS TRONG JQUERY - Dùng để chọn... http://code .jquery. com /jquery- latest.js + http://ajax.googleapis.com/ajax/libs /jquery/ 1.4.2 /jquery. min.js 1.5 THỜI ĐIỂM THỰC THI Xét 2 sự kiện onload trên javascript và ready() trên jquery ( 2 sự kiện có tác vụ tương tự nhau, tuy nhiên thời điểm thực thi khác nhau ) + onload trên javascript được thực thi khi toàn bộ nội dung trang web (document) được tải hết về browser ( trình duyệt ) + ready() trên jquery được...1.1 JQUERY LÀ GÌ ? Vậy cuối cùng Jquery là gì ??? Click to view 1.2 JQUERY CÓ THỂ LÀM ĐƯỢC GÌ ??? + Hướng tới các thành phần trong tài liệu HTML + Thay đổi giao diện của một trang web + Tương tác với người dùng + Tạo hiệu ứng động cho những thay đổi của tài liệu + Lấy thông tin từ server mà không cần tải lại trang web 1.3 TẠI SAO JQUERY LUÔN LÀ LỰA CHỌN NO.1 + Miễn... nghĩa của Selector ??? 2 SELECTORS TRONG JQUERY - Dùng để chọn các phần tử trong trang web theo ý muốn Cú pháp: $(‘selector’) - Các loại selector 1 Basic 2 Attribute 3 Form 4 jQuery Extensions 5 Hierarchy 2.1 SELECTORS TRONG JQUERY BASIC Selector Ý nghĩa All Selector (“*”) Chọn tất cả các thành phẩn trong trang web Ví dụ: $(“*”) hoặc $(document) Demo Class Selector (“.class”) Chọn tất cả các thành... có kiểu là submit 2.4 SELECTORS TRONG JQUERY JQUERY EXTENSIONS Selector Ý nghĩa :eq() Chọn phần tử tại chỉ số n trong các thiết lập phù hợp :even Chọn các phần tử chẵn, đánh dấu chỉ mục từ số 0 :file Chọn tất cả các phần tử của loại là type :first Chọn các thành phần phù hợp đầu tiên :gt() Chọn tất cả các thành phần ở một chỉ số lớn hơn chỉ số trong các thiết lập phù hợp :header Chọn tất cả các thành... được ẩn :lt() Chọn tất cả các thành phần tại một chỉ số nhỏ hơn chỉ số trong các thiết lập phù hợp :last Chọn thành phần phù hợp cuối cùng :odd Chọn các phần tử lẻ, đánh dấu chỉ mục từ số 0 2.5 SELECTORS TRONG JQUERY HIERARCHY Selector Ý nghĩa Next adjacent (“prev+next”) Chọn tất cả các yếu tố khớp kế tiếp “next" ngay lập tức trước bởi một người anh em “prev" Next siblings (“prev~siblings”) Chọn tất cả... Events 4.1 EVENTS TRONG JQUERY DOCUMENT LOADING Events Ý Nghĩa load() xảy ra khi document và các phần tử con của nó được load xong Demo ready() xảy ra khi một tài liệu DOM đã được load hoàn toàn Demo unload() xảy ra khi một user đi qua một trang đang load, trang chưa kịp load xong thì đã chuyển hướng đi trang khác, trang được load lại hoặc trình duyệt đóng lại Demo 4.2 EVENTS TRONG JQUERY FORM EVENTS Events . trong Jquery 3. Attributes trong Jquery 4. Events trong Jquery 5. Effects trong Jquery 6. Manipulation DOM trong Jquery 7. Json, Javascript, Xml, Html, Ajax v i Jquery 8. Gi i thi u Jquery UI, Jquery. sự khác biệt giữa trình duyệt. + Cách sử dụng đơn giản. + Dung lượng của Jquery chưa tới 100KB. 1.4 CÁCH SỬ DỤNG JQUERY Bởi vì Jquery là một thư viện JavaScript do vậy để sử dụng nó bạn phải. Attributes trong Jquery 4. Events trong Jquery 5. Effects trong Jquery 6. Manipulation DOM trong Jquery 7. Json, Javascript, Xml, Html, Ajax v i Jquery 8. Gi i thi u Jquery UI, Jquery mobileớ