Heim >Web-Frontend >js-Tutorial >Eine kurze Diskussion über den Unterschied zwischen jquery.fn.extend und jquery.extend_jquery

Eine kurze Diskussion über den Unterschied zwischen jquery.fn.extend und jquery.extend_jquery

WBOY
WBOYOriginal
2016-05-16 15:50:331299Durchsuche

1.jquery.extend(object); Um die jQuery-Klasse selbst zu erweitern, fügen Sie der Klasse neue Methoden hinzu.
jquery.fn.extend(object); Methoden zu jQuery-Objekten hinzufügen.

$.extend({ 
  add:function(a,b){return a+b;} 
}); 

//$.add(3,4);
//return 7 

jQuery fügt eine „statische Methode“ namens add hinzu, und dann können Sie diese Methode dort verwenden, wo jQuery eingeführt wird.

2.jQuery.fn.extend(object); Um jQuery.prototype zu erweitern, müssen der jQuery-Klasse „Mitgliedsfunktionen“ hinzugefügt werden. Instanzen der jQuery-Klasse können diese „Member-Funktion“ verwenden.

$.fn.extend({ 
  alertClick:function(){ 
    $(this).click(function(){ 
      alert($(this).val()); 
    }); 
  } 
}); 

//页面上为:
<input id="input1" type="text"/>    

//使用
$("#input1").alertClick();  

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn