Dieses seltsame Codestück sehe ich immer in Javascript

Question

Ich bin kein Javascript-Experte, aber das alte Javascript, das ich kenne, besteht nur aus einem Haufen einfacher Funktionen und Variablen wie dieser:

function doSomething(){
    var data = "test";
    return data;
}

Aber in letzter Zeit sehe ich immer wieder Javascript-Code wie diesen:

$(document).ready(function(){
                    $("#about").hide();
                    $(".tababout").collapser({
                        target: '#about',
                        effect: 'slide',
                        changeText: false,
                    });
        });

Was zum Teufel ist das? Wie heißt es? Ist es einfacher und wird es von allen Browsern unterstützt? Ich brauche bitte mehr Informationen darüber.

Answer 1

Was Sie hier sehen, ist jQuery . Es ist eine externe Bibliothek, aber sie unterstützt Die meisten (wenn nicht alle) Browser. Sie müssen es herunterladen und in Ihr Projekt einbinden, wenn Sie es verwenden möchten, siehe Herunterladen von jQuery dafür.

Answer 2

Es ist einfach nur altes Javascript:

var $ = function(sel) {
    return new init(sel);
};

function init(sel) {
    if (sel.nodeName) {
        this[0] = sel;
        this.length = 1;
    } else {
        var elems = document.querySelectorAll(sel);
        for (var i = 0; i < elems.length; i++) {
            this[i] = elems[i];
        }
        this.length = elems.length;
    }
    return this;
};
init.prototype.ready = function(fn) {
    _ready(fn);
    return this;
};
function _ready(fn) {
    if (!document.body) {
        setTimeout(function(){_ready(fn);}, 0);
    } else {
        fn();
    }
}
init.prototype.hide = function() {
    this.each(function() {
        this.style.display = 'none';
    });
    return this;
};
init.prototype.show = function() {
    this.each(function() {
        this.style.display = 'block';
    });
    return this;
};
init.prototype.each = function(fn) {
    for (var i = 0; i < this.length; i++) {
        fn.call(this[i], i, this[i]);
    }
    return this;
};

---

$("#about").hide().each(function(i,el) {

    setTimeout( function(){$(el).show()}, 2000 );

});

DEMO: http://jsfiddle.net/JGWUs/3/