plugins trong jquery

http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     Plugins jQuery Plug-in phần code viết theo JavaScript file chuẩn Những file cung cấp phương thức jQuery hữu ích mà sử dụng với phương thức jQuery Library Có nhiều jQuery plug-in có sẵn để bạn tải từ kho lưu tại:http://jquery.com/plugins Cách sử dụng Plugins jQuery Để tạo phương thức plugin có sẵn, bao plugin file (tương tự jQuery Library file) vào phần tử tài liệu Chúng tơi phải chắn xuất sau jQuery file nguồn chính, trước JavaScript code mà custom Ví dụ sau cách để bao jquery.plug-in.js plugintrong Thư viện C: The jQuery Example $(document).ready(function() { .your custom code }); Cách để phát triển Plug-in jQuery Đó đơn giản để viết plug-in cho riêng bạn Bạn theo cú pháp sau để tạo phương thức: jQuery.fn.methodName = methodDefinition; Ở đây, Phương thứcNameM tên phương thức Phương thứcDefinition định nghĩa phương thức thực jQuery team đề nghị Guideline sau: • Bất kỳ phương thức hàm bạn đính kèm phải có dấu chấm phảy (;) cuối 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 Phng thc ca bạn phải trả đối tượng jQuery, trừ có ghi khác • Bạn nên sử dụng this.each để lặp lại tập hợp phần tử so khớp Nó làm cho code rõ ràng tương thích • Đặt trước filename với jquery, theo sau tên plugin kết thúc với js • Ln ln đính kèm plugin tới jQuery cách trực tiếp thay sử dụng $, người sử dụng dùng biệt hiệu custom thơng qua phương thức noConflict() Ví dụ, viết plugin mà muốn đặt tên debug, tên JavaScript file cho plugin là: jquery.debug.js Sự sử dụng tiền tố jquery loại bỏ xung đột tên với file dự định để sử dụng với thư viện khác Ví dụ Sau plug-in nhỏ để có phương thức warning() cho mục đích debug Bạn giữ code jquery.debug.js file: jQuery.fn.warning = function() { return this.each(function() { alert('Tag Name:"' + $(this).prop("tagName") + '".'); }); }; Ví dụ sau minh họa cách sử dụng phương thức warning() Giả sử đặtjquery.debug.js thư mục với trang HTML The jQuery Example $(document).ready(function() { $("div").warning(); $("p").warning(); }); Nó cảnh báo bạn sau: Tag Name:"DIV" Tag Name:"P"   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... Giả sử đặtjquery.debug.js thư mục với trang HTML The jQuery Example ... tiền tố jquery loại bỏ xung đột tên với file dự định để sử dụng với thư viện khác Ví dụ Sau plug-in nhỏ để có phương thức warning() cho mục đích debug Bạn giữ code jquery. debug.js file: jQuery. fn.warning... bạn phải trả đối tượng jQuery, trừ có ghi khác • Bạn nên sử dụng this.each để lặp lại tập hợp phần tử so khớp Nó làm cho code rõ ràng tương thích • Đặt trước filename với jquery, theo sau tên plugin