Cách để phát triển một Plug-in trong jQuery
Đó là đơn giản để viết một plug-in cho riêng bạn. Bạn theo cú pháp sau để tạo một phương thức:
jQuery.fn.methodName = methodDefinition;

Ở đây, Phương thứcNameM là tên của phương thức mới và Phương thứcDefinition là định nghĩa phương thức thực sự.

jQuery team đề nghị một Guideline sau:

  • Bất kỳ phương thức hoặc hàm nào bạn đính kèm phải có một dấu chấm phảy (;) ở cuối cùng.

  • Phương thức của bạn phải trả về đối tượng jQuery, trừ khi có ghi chú khác.

  • Bạn nên sử dụng this.each để lặp lại tập hợp các phần tử đã so khớp hiện tại. Nó làm cho code rõ ràng và tương thích.

  • Đặt trước filename với jquery, theo sau là tên của plugin và kết thúc với .js

  • Luôn luôn đính kèm plugin tới jQuery một cách trực tiếp thay vì sử dụng $, vì thế người sử dụng có thể dùng một biệt hiệu custom thông qua phương thức noConflict().

Ví dụ, nếu chúng ta viết một plugin mà chúng ta muốn đặt tên là debug, thì tên JavaScript file cho plugin này là:

jquery.debug.js

Sự sử dụng của tiền tố jquery. loại bỏ bất cứ sự xung đột về tên với file dự định để sử dụng với thư viện khác.

Ví dụ

Sau đây là một plug-in nhỏ để có phương thức warning() cho mục đích debug. Bạn giữ code này trong 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ử chúng ta đặt jquery.debug.js trong cùng một thư mục với trang HTML.

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		
      <script src="jquery.debug.js" type="text/javascript"></script>

      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $("div").warning();
            $("p").warning();
         });
      </script>
			
   </head>
	
   <body>
      <p>This is paragraph</p>
      <div>This is division</div>
   </body>
	
</html>

Nó sẽ cảnh báo bạn như sau:

Tag Name:"DIV"
Tag Name:"P"
8 quán cà phê đậm chất bạn không thể bỏ qua khi du lịch Phú Quốc
Chia sẻ Bạn có muốn những phút giây thật thư giãn khi đến Phú Quốc? Cùng thưởng thức những đồ uống độc- lạ nơi đây?
Địa điểm chụp hình đẹp tại Phú Quốc
Chia sẻ Mang một vẻ đẹp lãng mạn với các bờ biển trong xanh như ngọc và bãi cát trắng tinh dưới những hàng dừa râm mát. Đây là những khu vực được những người yêu du lịch Phú Quốc đánh giá là rất đang để khám phá.
Một số khách sạn Phú Quốc .
Chia sẻ Phú Quốc là quần đảo xinh đẹp nằm sâu trong vùng vịnh Thái Lan, thuộc tỉnh Kiên Giang. Ở vùng biển phía Nam của tổ quốc, đảo Ngọc Phú Quốc – hòn đảo lớn nhất của Việt Nam, cũng là đảo lớn nhất trong quần thể 22 đảo tại đây. Nước biển trong vắt, những dòng suối yên bình cùng nhiều hải sản độc đáo chính là lợi thế tuyệt vời của du lịch Phú Quốc.
Đặc sản Phú Quốc
Chia sẻ Đi Phú Quốc nên mua gì mang về làm quà? cùng mình tham khảo những gợi ý dưới đây nhé!
Các món ngon và địa chỉ ăn uống ở Phú Quốc.
Chia sẻ Đảo Ngọc Phú Quốc làm nức lòng du khách với những đặc sản biển phong phú và nhiều sản vật độc đáo khác.

2003-2019©Chiasethongtin.com / Thông tin, kiến thức, kỹ năng