Fassen Sie mehrere Implementierungsmethoden von jquery ready () zusammen

Im Folgenden sind mehrere Schreibweisen von jQuery aufgeführt, die ich bisher kenne. Wenn es andere Schreibweisen gibt, lassen Sie es mich bitte wissen

1. Der am häufigsten verwendete und standardmäßige Code von

lautet wie folgt:

$(document).ready(){
} );

2. Es ist die Abkürzung des oben genannten:

Der Code lautet wie folgt:

$(function() {

})

Sehr seltsam? Warum ist das möglich? Geht es nicht darum, festzustellen, ob das Dokument

Objekt bereit ist, und dann die Funktion auszuführen? Werfen wir einen Blick auf den Quellcode von jQuery: Das

Code lautet wie folgt:

// jQuerys

Konstruktor ; var jQuery = function( a, c ) {
// Die Kurzform von $(document).ready(), nur Es wird nur unter $(function(){...}) ausgeführt;
if ( a && typeof a == "function" && jQuery.fn.ready )
return jQuery(document); // Stellen Sie sicher, dass Parameter a nicht leer ist, der Standardwert ist document;|| ;

Ja! Wenn Sie es gefunden haben, werfen wir einen Blick auf die Parameter dieser Methode

$(selector, context)
Der erste ist der Selektor und der zweite ist der Container
Wenn er nicht ausgefüllt ist, wird er standardmäßig verwendet dokumentieren

3.Okay! Ich gebe zu, dass diese Methode nur zum Spaß dient.

Der Code lautet wie folgt:

jQuery(document).ready(function(){

}) ;

4.

Der Code lautet wie folgt:

jQuery(function($){

alert($( "#ready1").html ());

Es gibt keinen Unterschied zwischen der vierten und der dritten Methode, bitte schauen Sie genau hin! Wir haben einen Parameter $ an functIOn übergeben. Die vierte Methode wird im Allgemeinen verwendet, wenn es um Konflikte zwischen jQuerys $ und anderen Bibliotheken geht. Über die jQuery.noConflict()-Methode können wir jQuery direkt im Code übergeben Wenn ich es anstelle von $ verwenden möchte, es aber gewohnt bin, $ zu verwenden, schauen Sie sich den folgenden Code an:

Der Code lautet wie folgt:

jQuery.noConflict() ;

jQuery(function ($){

alert($("#ready1").html()); //Wir können das $-Symbol erneut verwenden

});

Das obige ist der detaillierte Inhalt vonFassen Sie mehrere Implementierungsmethoden von jquery ready () zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!