jQuery 사용자 정의 "$"추가 및 "$"충돌 해결 방법

본고의 실례는 jQuery가 사용자 정의로 '$' 를 추가하는 것과 '$' 충돌을 해결하는 방법을 설명한다.여러분에게 참고하도록 공유하다.구체적인 분석은 다음과 같다.
1. 사용자 지정 추가 $
비록 jQuery는 매우 강하지만 어쨌든 jQuery는 모든 사용자의 요구를 만족시킬 수 없을 뿐만 아니라 일부 수요는 매우 작고 전체 jQuery 프레임워크에 넣기에 적합하지 않다. 바로 이 점 때문에 jQuery는 사용자 정의로'$'를 추가하는 방법을 제공했다.
코드는 다음과 같습니다.

   $.fn.disable = function() { 
  
  return this.each(function() { 
  
      if (typeof this.disabled != "undefined") this.disable = true; 
  
  }); 
  
 } 
 

위 코드는 먼저 "$.fn.disable"을 설정합니다. "$"은 jQuery를 확장하는 데 필요한 방법disable () 을 추가합니다.
그리고 익명 함수를 이용하여 이 방법을 정의합니다. 즉 each () 로 이 방법의 모든 요소disabled 속성을true로 설정합니다.(속성이 있는 경우)
예: jquery 기능 확장

    
  <br>     $.fn.disable = function() { 
  <br>  //  jQuery，      disable 
  <br>  return this.each(function() { 
  <br>      if (typeof this.disabled != "undefined") this.disabled = true; 
  <br>  }); 
  <br>     } 
  <br>     $.fn.enable = function() { 
  <br>  //  jQuery，      enable 
  <br>  return this.each(function() { 
  <br>      if (typeof this.disabled != "undefined") this.disabled = false; 
  <br>  }); 
  <br>     } 
  <p></p> 
  <p>    function SwapInput(oName, oButton) {<br>  if (oButton.value == "Disable") {<br>      //       Disable，   disable()  <br>      $("input[name=" + oName + "]").disable();<br>      oButton.value = "Enable";<br>  } else {<br>      //       Eable，   enable()  <br>      $("input[name=" + oName + "]").enable();<br>      oButton.value = "Disable"; //         Disable<br>  }<br>     }<br> 
 

     

         :
  

  
     

     

         :
  

  
     

     

            :
  

                                              
     

     
       :
  

  
   
  

  
   
     

     
       :
  
  

  
    
  
    
  
    
     

     

      :
  

  <br/>     </p><br/>     <p><br/>  <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" class="btn"/><br/>  <input type="reset" name="btnReset" id="btnReset" value="Reset" class="btn"/><br/>     </p><br/> </form> 
 </code></pre> 
  
 <p>  SwapInput(nName,oButton)          ，      "disable",   disable()         ，         "enable",     enable()  。</p> 
 <p><strong>2.  "$"   </strong></p> 
 <p>          ，  JQuery    ，               ，      ，            "$",      ，jQ     noConflict()     "$"     。<br/> </p> 
   
 <pre><code>
   jQuery.noconflict(); 
 </code></pre> 
 <br/>        "$"    javascript       ，  jQuery       "$",     “jQuery”，  $("h2 a")    jQuery("h2 a") 
  
 <p>          jQuery        。</p> 
 <div class="clearfix"> 
  <span id="art_bot" class="jbTestPos"/> 
 </div> 
</div>
                            </div>
                        </div>