Welche Art von JavaScript ist das?

Question

Ich habe eine Anwendung, die dieses Format verstreut hat, aber ich weiß nicht, welche Art es ist. Es ist nicht jQuery, also was ist es?

$('some_edit').style.display = "block"; 
$('some_views').style.display = "none"; 

ich dies in Firebug und ich weiß, das Element vorhanden ist:

$("some_edit").style is undefined 

Answer 1

Viele Leute haben das '$' Symbol als Ersatz für document.getElementById() definiert.

Grundsätzlich:

function $(id) { return document.getElementById(id); } 
$("ElementID").innerHTML = "Text"; //Usage 

Ein richtiges "Namensraum" Beispiel:

var DOM = { // creating the namespace "DOM" 
    $: (function() { 
     if(document.getElementById) 
      return function(id){ return document.getElementById(id); } 
     else if(document.all) 
      return function(id) { return document.all[id]; } 
     else 
      return function(id) { /* I don't even want to get into document.layers */ } 
    })() 
}; 

// Later in the code: 
{ 
    function ExampleFunction() { 
     // ... 
     DOM.$("ElementID").style.backgroundColor = "#96d0a0"; // a nice minty green color 
     // ... 
    } 
} 

I ein self-invocation Muster verwendet habe (function(){ ... }()) in diesem Beispiel.

Answer 2

Es ist JQuery - verwendet als Schlüsselvariable $.

Hinzugefügt:

Könnte auch mootools sein. Auch verwendet

$

Hinzugefügt:

'some_edit' würde die ID eines Elements sein.

ps. Ich stimme zu, $ könnte alles sein. Wahrscheinlichkeiten sind jedoch, dass es JQuery oder Mootools ist. "Wenn Sie Hufschläge hören, denken Sie an Pferde, nicht an Zebras."

Answer 3

Es könnte viele Dinge sein - untersuchen Sie den Quellcode (oder verwenden Sie Firebug) und sehen Sie, welche JS-Bibliotheken geladen werden.

Answer 4

Es wird der Anzeigestil für die zwei Seitenelemente festgelegt - die Eigenschaft display gibt den Typ der Box an, die ein Element generieren soll.

Block = Das Element wird eine Block-Box (einen Zeilenumbruch vor und nach dem Element) erzeugen none = Das Element bei allen

Answer 5

zunächst keine Box generieren werde ich die jQuery-Selektor dachte wahrscheinlich $("#some_edit") gewesen wäre und dann .css(). also hätte ich gesagt, prototype oder mootools oder ein hausgebräu $.

können Sie sicherlich sowohl mootools als auch prototype diskontieren, denn wenn der Selektor ein Objekt zurückgibt, dann ist die style -Eigenschaft verfügbar (die Best Practices in beiden Frameworks beim Festlegen von Stilen ignorieren).

dies verlässt, verwendet die Website Homebrew $ Zuweisung oder Jquery, die nicht korrekt verwendet wird.

eigentlich, $ ("foo"). Stil.blah in jquery wird diese sehr Ausnahme erzeugen (selbst wenn der Wähler war gut) - hier ist jsfiddle zur Rettung

Fall Punkt jquery (Trigger): http://www.jsfiddle.net/dimitar/vmsZn/

Fall Punkt Prototyp (Werke): http://www.jsfiddle.net/dimitar/vmsZn/1/

Fall Punkt Mootools (Werke): http://www.jsfiddle.net/dimitar/vmsZn/2/

Answer 6

Setzen Sie ein [0] vor $ ('some_views') native DOM Element zurückzukehren.

$ ('some_views') [0] .style.display = "none";

oder $ ('some_views'). Get (0) .style.display = "none";

oder $ ('some_views'). Css ('display', 'none'), um durch die Sammlung von DOM-Elementen zu iterieren.