[JQUERY] 어떻게 jQuery를 기능 (새로운 jQuery를 방법 또는 플러그인)을 만드는 방법?

어떻게 jQuery를 기능 (새로운 jQuery를 방법 또는 플러그인)을 만드는 방법?

해결법

1. ---

   1.워드 프로세서 :

   워드 프로세서 :

   (function( $ ){
      $.fn.myfunction = function() {
         alert('hello world');
         return this;
      }; 
   })( jQuery );
   

   그럼 당신은 할

   $('#my_div').myfunction();
   

2. ---

   2.이미받은 모든 답변에도 불구하고, 그것은 당신이 함수에서 jQuery를 사용하는 플러그인을 작성할 필요가 없습니다 것을 주목할 필요가있다. 그것은 간단하고, 한 번 함수의 물론 경우에, 나는 플러그인을 작성하는 것은 과잉 믿습니다. 그냥 매개 변수로 함수에 선택기를 전달하여 훨씬 더 쉽게 할 수 있습니다. 코드를 다음과 같이 보일 것입니다 :

   이미받은 모든 답변에도 불구하고, 그것은 당신이 함수에서 jQuery를 사용하는 플러그인을 작성할 필요가 없습니다 것을 주목할 필요가있다. 그것은 간단하고, 한 번 함수의 물론 경우에, 나는 플러그인을 작성하는 것은 과잉 믿습니다. 그냥 매개 변수로 함수에 선택기를 전달하여 훨씬 더 쉽게 할 수 있습니다. 코드를 다음과 같이 보일 것입니다 :

   function myFunction($param) {
      $param.hide();  // or whatever you want to do
      ...
   }
   
   myFunction($('#my_div'));
   

   변수 이름 $ PARAM의 $가 필요하지 않습니다. 쉽게 그 변수가 jQuery를 선택 포함되어 있음을 기억 할 수 있도록 그냥 내 습관이다. 당신은뿐만 아니라 PARAM을 사용할 수 있습니다.

3. ---

   3.문서의 과다가 있지만 / 귀하의 질문에 대한 간단한 대답은 이것이다, 거기 자습서 :

   문서의 과다가 있지만 / 귀하의 질문에 대한 간단한 대답은 이것이다, 거기 자습서 :

   // to create a jQuery function, you basically just extend the jQuery prototype
   // (using the fn alias)
   
   $.fn.myfunction = function () {
       // blah
   };
   

   그 함수 내부에서 jQuery를에이 변수의 대응은에 함수를 호출 설정 싸서. 뭔가 같은 :

   $.fn.myfunction = function () {
       console.log(this.length);
   };
   
   $('.foo').myfunction();
   

   ... 콘솔에 클래스 foo에와 요소의 수를 플래시합니다.

   물론,보다 의미에 조금 더있다 (뿐만 아니라 모범 사례, 그리고 모든 재즈), 그래서 당신이 그것을 읽어합니다.

4. ---

   4.jQuery를에 기능을 사용할 수 있도록하려면이 같은 (FN jQuery를에 프로토 타입에 대한 바로 가기입니다) JQuery와 프로토 타입에 추가 개체를 :

   jQuery를에 기능을 사용할 수 있도록하려면이 같은 (FN jQuery를에 프로토 타입에 대한 바로 가기입니다) JQuery와 프로토 타입에 추가 개체를 :

   jQuery.fn.myFunction = function() {
       // Usually iterate over the items and return for chainability
       // 'this' is the elements returns by the selector
       return this.each(function() { 
            // do something to each item matching the selector
       }
   }
   

   이것은 일반적으로 jQuery 플러그인이라고합니다.

   예 - http://jsfiddle.net/VwPrm/

5. ---

   5.아, 그래 - 당신이 설명하는 것은 jQuery 플러그인이다.

   아, 그래 - 당신이 설명하는 것은 jQuery 플러그인이다.

   JQuery와 플러그인을 작성하려면, 당신은 자바 스크립트에서 함수를 만들고, 객체 jQuery.fn의 속성에 할당합니다.

   EG

   jQuery.fn.myfunction = function(param) {
       // Some code
   }
   

   플러그인 함수 내에서 this 키워드는 플러그인 호출의 대상이되는 jQuery 오브젝트로 설정됩니다. 그래서, 당신이 할 때 :

   $('#my_div').myfunction()
   

   그런 다음이 내부의 myFunction이는 $에 의해 반환 jQuery 오브젝트 ( '#의 my_div')로 설정됩니다.

   전체 이야기에 대한 http://docs.jquery.com/Plugins/Authoring를 참조하십시오.

6. ---

   6.

   $(function () {
       //declare function 
       $.fn.myfunction = function () {
           return true;
       };
   });
   
   $(document).ready(function () {
       //call function
       $("#my_div").myfunction();
   });
   

7. ---

   7.당신은 (선택 요소를 호출 할 수있는 기능) 다음과 같은 자신의 jQuery 플러그인을 작성할 수 있습니다 :

   당신은 (선택 요소를 호출 할 수있는 기능) 다음과 같은 자신의 jQuery 플러그인을 작성할 수 있습니다 :

   (function( $ ){
       $.fn.myFunc = function(param1, param2){
           //this - jquery object holds your selected elements
       }
   })( jQuery );

   그것을 나중에 같은 전화 :

   $('div').myFunc(1, null);

8. ---

   8.또한 (그건 당신의 jQuery 플러그인을 작성)를 확장 할 수 있습니다 :

   또한 (그건 당신의 jQuery 플러그인을 작성)를 확장 할 수 있습니다 :

   $.fn.extend(
   {
       myfunction: function () 
       {
       },
   
       myfunction2: function () 
       {
       }
   });
   

   용법:

   $('#my_div').myfunction();
   

9. ---

   9.예, jQuery를 사용하여 선택한 요소에 적용되는 방법은, JQuery와 플러그인을 호출하고, JQuery와 문서 내에서 제작에 대한 정보의 좋은 금액이 있습니다.

   예, jQuery를 사용하여 선택한 요소에 적용되는 방법은, JQuery와 플러그인을 호출하고, JQuery와 문서 내에서 제작에 대한 정보의 좋은 금액이 있습니다.

   그 jQuery를 지적 그것의 가치는 그래서 "JQuery와 방법"에 대해 아무것도 특별한 존재, 그냥 자바 스크립트입니다.

10. ---

    10.는 "색상 화"방법을 만들기 :

    는 "색상 화"방법을 만들기 :

    $.fn.colorize = function custom_colorize(some_color) {
        this.css('color', some_color);
        return this;
    }
    

    그걸 써:

    $('#my_div').colorize('green');
    

    이 간단한 틱 예는 jQuery를 워드 프로세서에 기본 플러그인을 만드는 방법의 가장 좋은 결합 및 @Candide, @Michael에서 답변.

11. ---

    11.당신은 항상이 작업을 수행 할 수 있습니다

    당신은 항상이 작업을 수행 할 수 있습니다

    jQuery.fn.extend({
       myfunction: function(param){
           // code here
       },
    });
    OR
    jQuery.extend({
       myfunction: function(param){
           // code here
       },
    });
    $(element).myfunction(param);
    

12. ---

    12.그것은 당신이 그것의 프로토 타입을 통해 jQuery 오브젝트를 확장 할 같이 (일명 jQuery 플러그인을 쓰기) 소리가 난다. 이것은 jQuery를 기능 ($ (선택 / DOM 요소)) 호출을 통해 생성 된 모든 새로운 객체가이 방법이됨을 의미합니다.

    그것은 당신이 그것의 프로토 타입을 통해 jQuery 오브젝트를 확장 할 같이 (일명 jQuery 플러그인을 쓰기) 소리가 난다. 이것은 jQuery를 기능 ($ (선택 / DOM 요소)) 호출을 통해 생성 된 모든 새로운 객체가이 방법이됨을 의미합니다.

    다음은 아주 간단한 예입니다 :

    $.fn.myFunction = function () {
        alert('it works');
    };
    

    데모

13. ---

    13.jQuery를가 어떠한 기능을 만들기 위해 간단한 예

    jQuery를가 어떠한 기능을 만들기 위해 간단한 예

    jQuery.fn.extend({
        exists: function() { return this.length }
    });
    
    if($(selector).exists()){/*do something here*/}
    

from https://stackoverflow.com/questions/12093192/how-to-create-a-jquery-function-a-new-jquery-method-or-plugin by cc-by-sa and MIT license