PDF co ban ve jquery

http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     Cơ jQuery jQuery Framework xây dựng dựa tính JavaScript Vì phát triển ứng dụng sử dụng jQuery, bạn sử dụng tất hàm tính khác bổ trợ JavaScript Chương giải thích hầu hết khái niệm thường sử dụng ứng dụng xây dựng jQuery Đối tượng String Một chuỗi JavaScript đối tượng không đổi chứa 0, nhiều ký tự Sau ví dụ hợp lệ String JavaScript "This is JavaScript String" 'This is JavaScript String' 'This is "really" a JavaScript String' "This is 'really' a JavaScript String" Đối tượng Number jQuery Đối tượng Number JavaScript định dạng độ xác kép (64 bit) theo chuẩn IEEE 754 Chúng không đổi, đối tượng String Sau ví dụ hợp lệ số JavaScript 5350 120.27 0.26 Đối tượng Boolean jQuery Một Boolean JavaScript nhận true false Nếu số 0, mặc định false Nếu chuỗi trống, mặc định false Sau ví dụ hợp lệ đối tượng Boolean JavaScript true // true false // false "hello" // false // false // true "" // true Đối tượng Object jQuery JavaScript hỗ trợ tốt khái niệm Object Bạn tạo Object sử dụng Object Literal sau: http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     var emp = { name: "Zara", age: 10 }; Bạn viết đọc thuộc tính Object sử dụng ký hiệu dấu chấm (.) sau: // Getting object properties emp.name // ==> Zara emp.age Setting object properties emp.name = "Daisy" // ==> 10 // "number", func("1", "2", "3"); //==> "string", Đối tượng Argument có thuộc tính callee, mà tham chiếu đến hàm bạn Ví dụ: function func() { func return arguments.callee; } func(); // ==> Context jQuery Từ khóa tiếng JavaScript this tham chiếu tới Context Trong hàm,this thay đổi, phụ thuộc cách hàm gọi $(document).ready(function() { // this refers to window.document }); $("div").click(function() { // this refers to a div DOM element }); Bạn xác định Context cho lần hàm sử dụng phương thức call() vàapply() Sự khác chúng cách chúng truyền tham số call() truyền tất tham số thông qua tham số tới hàm, apply() chấp nhận mảng tham số function scope() { console.log(this, arguments.length); } scope() // window, scope.call("foobar", [1,2]); //==> "foobar", scope.apply("foobar", [1,2]); //==> "foobar", Phạm vi (Scope) jQuery Phạm vi biến khu vực chương trình bạn mà biến định nghĩa Biến JavaScript có hai phạm vi: • Các biến Global − Một biến Global có phạm vi chung, nghĩa định nghĩa nơi JavaScript code bạn • Các biến Local − Một biến Local nhìn thấy bên hàm nơi định nghĩa Các tham số hàm ln ln Local cho hàm Trong thân hàm, biến Local có quyền ưu tiên cao biến Global mà có tên http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     var myVar = "global"; // ==> Declare a global variable var myVar = "local"; // ==> Declare a local variable document.write(myVar); // ==> local } function ( ) { Callback jQuery Một callback hàm JavaScript truyền số phương thức tham số tùy chọn Một số callback kiện, gọi để cung cấp cho người sử dụng hội để phản ứng lại trạng thái kích hoạt Hệ thống kiện jQuery sử dụng callback khắp nơi, ví dụ: $("body").click(function(event) { }); console.log("clicked: " + event.target); Hầu hết callback cung cấp tham số context Trong ví dụ event-handler, callback gọi với tham số, Event Một số callback u cầu để trả đó, khác trả giá trị tùy ý Để ngăn cản đệ trình form, xử lý kiện Submit trả false sau: $("#myform").submit(function() { return false; }); Các Closure jQuery Các Closure tạo biến định nghĩa bên phạm vi truy cập từ bên phạm vi nội Ví dụ sau cách biến counter nhìn thấy hàm create, increment, print, khơng nhìn thấy bên ngồi chúng function create() { var counter = 0; return { increment: function() { counter++; }, print: function() { console.log(counter); } } } var c = create(); c.increment(); c.print(); // ==> Pattern cho phép bạn tạo đối tượng với phương thức, mà hoạt động liệu, mà không thấy bên Bạn ghi nhớ rằng, data hiding khái niệm chương trình hướng đối tượng http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     Proxy Pattern jQuery Một Proxy đối tượng mà sử dụng để điều khiển truy cập tới phần tử khác Nó thi hành giao diện cho đối tượng khác truyền phương thức tới Đối tượng khác thường gọi Real Subject Một Proxy khởi tạo vị trí Real Subject cho phép để truy cập chế độ từ xa Chúng ta lưu giữ phương thức setArray jQuery Closure viết đè lên (overwrite) sau: (function() { // log all calls to setArray var proxied = jQuery.fn.setArray; jQuery.fn.setArray = function() { console.log(this, arguments); return proxied.apply(this, arguments); }; })(); Ví dụ bao code hàm để ẩn biến proxied Sau đó, Proxy log tất lời gọi phương thức ủy thác lời gọi cho phương thức ban đầu Sử dụng apply(this, arguments) bảo đảm cho việc người gọi ý khác phương thức ban đầu phương thức ủy nhiệm Các hàm có sẵn jQuery JavaScript kèm tập hợp hàm hữu ích gắn liền với Những phương thức sử dụng để thao tác String, Number, Date Bảng liệt kê hàm JavaScript quan trọng: STT Phương thức & Miêu tả charAt() Trả ký tự mục (index) cho concat() Kết nối hai chuỗi văn trả chuỗi forEach() Gọi hàm cho phần tử mảng http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     indexOf() Trả mục xuất bên việc gọi đối tượng String với giá trị cho, -1 khơng tìm thấy length() Trả độ dài chuỗi pop() Gỡ bỏ phần tử cuối mảng trả phần tử push() Thêm nhiều phần tử tới phần cuối mảng trả độ dài mảng reverse() Đảo ngược thứ tự phần tử mảng – phần tử thành cuối cuối thành sort() Sắp xếp phân loại phần tử mảng 10 substr() Trả ký tự mảng vị trí cho từ số ký tự xác định 11 toLowerCase() Trả giá trị chuỗi gọi biến đổi thành kiểu chữ thường 12 toString() Trả biểu diễn chuỗi giá trị số 13 toUpperCase() Trả giá trị chuỗi gọi biến đổi thành chữ hoa Bạn truy cập trang sau để có danh sách đầy đủ − Các hàm có sẵn JavaScript http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     Document Object Model (DOM) DOM cấu trúc phần tử HTML đa dạng, sau: second paragraph.

The jQuery Example

This is a paragraph.

This is

This is third paragraph.

Nó cho kết sau: Sau số điểm quan trọng cấu trúc trên: • Thẻ ancestor (gốc tổ tiên) tất phần tử khác; nói cách khác, tất phần tử khác cháu phần tử • Thẻ không hậu duệ (descendant), • Phần tử

phần tử , phần tử , anh em phần tử

khác Trong học khái niệm jQuery, thực hữu ích bạn hiểu DOM, bạn chưa có khái niệm DOM, tơi đề nghị bạn truy cập trang sau: DOM Tutorial   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... function scope() { console.log(this, arguments.length); } scope() // window, scope.call("foobar", [1,2]); //==> "foobar", scope.apply("foobar", [1,2]); //==> "foobar", Phạm vi (Scope) jQuery Phạm... $("body").click(function(event) { }); console.log("clicked: " + event.target); Hầu hết callback cung cấp tham số context Trong ví dụ event-handler, callback gọi với tham số, Event Một số callback... http://vietjack.com /jquery/ index.jsp                                                                                                              Copyright  ©  vietjack.com     function func(x){ console.log(typeof