jQuery 사용자 정의 플러그인 소개

jQuery 사용자 정의 플러그인 간단 소개: jQuery에서 풍부한 편리한 함수를 제공했지만 때로는 수요를 만족시키지 못할 수도 있다. 실제 응용에서 우리가 말한 사용자 정의 플러그인을 스스로 정의해야 할 수도 있다. 다음에 사용자 정의 플러그인을 어떻게 실현하는지 간단히 소개한다.하나.플러그인 제작 기본 원칙: 1.명명 규칙: 플러그 인을 별도로 파일을 생성하려면 다음과 같이 명명하는 것이 좋습니다.
jquery.플러그인 이름.js
이렇게 명명하면 다른 프로그래머에게 이것이 사용자 정의 플러그인이라는 것을 명확하게 알릴 수 있다. 예를 들어:
jquery.color.js
2. 실례 방법 또는 정적 방법: 실례 방법이라면 jQuery에 추가합니다.fn 객체정적 방법이라면 jQuery 대상에 추가합니다.jQuery.fnjQuery.fn의 역할은 무엇입니까?jQuery.extend() 함수는 jQuery를 참조할 수 있습니다.extend () 방법 1장.3.this의 지향: 사용자 정의 함수 내부에서this는 선택기에서 가져온 jQuery 대상을 가리키기 때문에this를 통과할 수 있습니다.each () 함수는 jQuery 대상 집합의 모든 요소를 훑어봅니다.each() 함수는 jQuery의 each() 방법 1장을 참조할 수 있습니다.사용자 정의 플러그인 실례는 팝업 중심 로그인 상자 실례 코드 1장을 클릭할 수 있습니다.4. 세미콜론의 사용: 세미콜론은 js 문장을 구분하는 데 사용되며, 코드가 압축될 때 오류가 발생하지 않도록 세미콜론, 심지어 플러그인의 시작에 세미콜론을 사용하는 것이 좋다.5. 체인 호출은 jQuery의 비교적 좋은 특징이기 때문에 사용자 정의 플러그인은 체인 호출 효과를 실현하기 위해 대상을 되돌려주는 것이 가장 좋다.둘.단순 코드 인스턴스: 1.플러그인 코드:
;(function($){
     
  $.fn.extend({
    "color":function(value){
     
      return this.css("color",value);
    }
  });
})(jQuery);

상기 코드에서 코드의 시작과 끝에 모두 분호가 사용되고 익명 함수를 설명하여 jQuery 대상을 매개 변수로 전송하는 것을 알 수 있습니다.$을(를) 사용합니다.fn.extend () 함수 확장 실례 대상 방법, 이 방법은 jquery를 참조할 수 있습니다.fn.extend () 와 jquery.extend () 함수의 작용 1장.2. 플러그인 사용:
<script type="text/javascript"> 
$(document).ready(function(){
      
  $("#thediv").color("red");
})
script> 
head> 
<body> 
<div id="thediv">    div>
body>

원래 주소:http://www.softwhy.com/forum.php?mod=viewthread&tid=13052
자세한 내용은 다음을 참조하십시오.http://www.softwhy.com/jquery/

좋은 웹페이지 즐겨찾기