start javascript-code mit $(Funktion, etc

Ich denke, es macht Sinn, zu beginnen, indem wir erkennen, dass $ = jQuery. Der Zweck, der unten beim Lesen über namespaces innerhalb von anonymen Funktionen machen mehr Sinn. Aber im wesentlichen können Sie entweder von Ihnen. Würde man mit jQuery() statt $() wenn Sie mit mehreren Bibliotheken, und wollte die $ verwendet werden, indem der andere einen.

$(document).ready(function(){
    //Here we have jQuery(document) firing off the ready event
    //which executes once the DOM has been created in 
    //order to ensure that elements you are trying to manipulate exist.
});

​$(function () {
    //Short-hand version of $(document).ready(function () { });
});

Mehr Informationen auf dem Dokument.ready()

Setzen die $ innerhalb der Klammern sorgt für die jQuery $ alias (Sie kann sicher sein, es bedeutet immer jQuery diese Weise).

$(function ($) { /* code here : $ always means jQuery now */ }); 

Schließlich haben Sie eine IIFE (Sofort-Invoked Function Expression)
- IIFE Erklärung

(function (myNameSpace, $) {
    //This is an anonymous function - it is ran instantly
    //Usually used for namespaces /etc
    //This creates a scope/wrapper/closure around everything inside of it
}(window.myNameSpace, jQuery));

Des $ an der Spitze (mit passenden jQuery auf der Unterseite) bedeuten, dass die
$ (dollar-Zeichen) steht für jQuery im Rahmen der namepsace.
Dies geschieht, um sicherzustellen, dass die anderen Bibliotheken nicht kollidieren mit dem, was die Entwickler
will/möchte, das $ verwendet werden.

(function (myNameSpace, $) {
    //Now because of all of this scope/wrapper/closure awesome...
    //you can create -INTERNAL- variables (sort of like Private variables from other langs) 
    //this variable cannot be accessed outside the namespace unless it is returned /exposed

    var internalVariable = '123'; //Internal

    //Even Internal functions!
    function privateFunction () {
        console.log('this is private!');
    }

    //--------------------------------------------------------
    //Public -method- of nameSpace exposing a private variable
    //Notice we're using the myNameSpace object we exposed at the top/bottom

    myNameSpace.nameSpaceMethod = function () {
        privateFunction(); //we can call the private function only inside of the namespace
        return internalVariable; //now we could get this variable
    };
}(window.myNameSpace, jQuery)); //notice these mirror the above arguments in the anon function

Mehr Informationen über anonyme Funktionen

Nun, wenn wir außerhalb der namespace -, können wir sehen, wie diese internen/öffentlichen Methoden und Variablen erfolgen:

//This will come up undefined
alert(internalVariable);

//This will trigger a -method- of the myNameSpace namespace - and alert "123"
//Showcasing how we access a Public method - which itself has access to the internal variable
//and exposes it to us!
alert(myNameSpace.nameSpaceMethod());
​