Che tipo di JavaScript è questo?

Question

Ho un'applicazione che ha questo formato sparsi ma non so di che tipo si tratta. Non è jQuery, quindi cos'è?

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

ottengo questo nel Firebug e so che l'elemento è presente:

$("some_edit").style is undefined 

Answer 1

Un sacco di persone hanno definito il simbolo "$" come sostituto di document.getElementById().

In sostanza:

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

Una più corretta, "namespace" Esempio:

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 
     // ... 
    } 
} 

ho usato un modello self-invocation (function(){ ... }()) in questo esempio.

Answer 2

E 'JQuery - usa $ come variabile chiave.

Aggiunto:

potrebbe anche essere MooTools. inoltre usa $

Aggiunto:

'some_edit' sarebbe l'id di un elemento.

ps. Sono d'accordo che $ potrebbe essere qualsiasi cosa. Le probabilità sono che sia JQuery o Mootools. "Quando senti battiti zoccoli, pensa ai cavalli, non alle zebre."

Answer 3

Potrebbe essere molte cose: esaminare il codice sorgente (o usare Firebug) e vedere quali librerie JS vengono caricate.

Answer 4

Sta impostando lo stile di visualizzazione per i due elementi di pagina: la proprietà di visualizzazione specifica il tipo di riquadro che un elemento deve generare.

blocco = L'elemento genererà un riquadrato a blocco (un'interruzione di linea prima e dopo l'elemento) nessuna = L'elemento genererà nessuna scatola affatto

Answer 5

in un primo momento ho pensato che il selettore di jquery sarebbe stato probabilmente $("#some_edit") e quindi .css(). così avrei detto, prototipo o mootools o una birra fatta in casa $.

si può certamente scontare sia mootools e prototype, perché se il selettore restituisce un oggetto, allora la proprietà di stile sarà disponibile (ignorando le migliori pratiche in entrambi i quadri sugli stili di impostazione).

questo lascia, il sito utilizza $ $ assegnazione o jquery, che non viene utilizzato correttamente.

in realtà, $ ("pippo"). Stile.bla in jQuery produrrà questo molto eccezione (anche se il selettore è stata buona) - qui è jsfiddle in soccorso

punto caso jQuery (trigger): http://www.jsfiddle.net/dimitar/vmsZn/

caso punto di prototipo (lavori): http://www.jsfiddle.net/dimitar/vmsZn/1/

MooTools point caso (lavori): http://www.jsfiddle.net/dimitar/vmsZn/2/

Answer 6

mettere un [0] di fronte a $ ('some_views') per restituire il Native DOM Element.

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

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

o $ ('some_views'). Css ('display', 'none') per scorrere la raccolta di elementi DOM.