2010-08-13 12 views
8

मैं इस प्रारूप चारों ओर बिखरे हुए है कि एक आवेदन पत्र है, लेकिन मैं जानता हूँ कि किस तरह यह है नहीं है। यह jQuery नहीं है, तो यह क्या है?यह किस प्रकार की जावास्क्रिप्ट है?

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

मैं फ़ायरबग में यह मिलता है और मैं जानता हूँ कि तत्व मौजूद है:

$("some_edit").style is undefined 
+4

मैं कहूंगा कि यह एक अच्छा मौका है प्रोटोटाइप है। इस तरह आप आईडी द्वारा तत्व प्राप्त करते हैं। http://jsfiddle.net/Ntwwz/ – user113716

उत्तर

12

लोगों का एक बहुत हैं document.getElementById के लिए एक विकल्प के रूप में '$' प्रतीक को परिभाषित किया है()।

मूल रूप से

:

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

एक और अधिक उचित, "नाम स्थान" उदाहरण:

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

मैं इस उदाहरण में एक self-invocation पैटर्न (function(){ ... }()) का इस्तेमाल किया है।

+0

यह स्थिति की सबसे अधिक संभावना है। –

+1

साफ विचार ... मैं बहुत सारी जावास्क्रिप्ट नहीं करता, लेकिन मैं अगली बार इस छोटे शॉर्टकट का उपयोग कर सकता हूं। +1 – iandisme

+1

लॉल। कृपया मत करो ऐसा लगता है कि किसी भी जेएस रिलीज के हर किसी से जो इन दिनों ढांचे संगतता मुद्दों का कारण बनता है। नाम स्थान! –

-4

यह JQuery है - उसके प्रमुख चर के रूप में $ उपयोग करता है।

जोड़ा गया:

mootools भी हो सकता है। इसके अलावा का उपयोग करता है $

जोड़ा गया:

'some_edit' एक तत्व की आईडी होगा।

ps। मैं सहमत हूं कि $ कुछ भी हो सकता है। हालात हालांकि यह JQuery या Mootools है। "जब आप खुर की धड़कन सुनते हैं, घोड़ों को सोचें, ज़ेबरा नहीं।"

+1

किस प्रकार का चयनकर्ता 'some_edit' है? –

+4

कई पुस्तकालय एक सहायक चर के रूप में $ का उपयोग करते हैं, यह निश्चित रूप से jQuery विशिष्ट नहीं है। –

+0

असफल नहीं - कई पुस्तकालय $ का उपयोग करते हैं, लेकिन मैं सहमत हूं कि JQuery संभावित लाइब्रेरी है (क्योंकि इसमें सबसे व्यापक गोद लेने है) – driis

16

यह बहुत सी बातें हो सकता है - स्रोत कोड की जांच (या Firebug) और देखते हैं कि जे एस पुस्तकालयों लोड किया जा रहा है।

+1

+1 - अब तक का सबसे समझदार उत्तर –

+2

यदि आप फायरबग का उपयोग करने जा रहे हैं, तो साथ ही ब्रेकपॉइंट सेट कर सकते हैं और इसमें कदम बढ़ा सकते हैं, यह सुनिश्चित करने के लिए कि कौन सी लाइब्रेरी निष्पादित की जा रही है। – nirvdrum

0

यह दो पेज तत्वों के लिए डिस्प्ले शैली सेट कर रहा है - डिस्प्ले प्रॉपर्टी एक तत्व को उत्पन्न करने वाले बॉक्स के प्रकार को निर्दिष्ट करती है।

ब्लॉक = तत्व एक ब्लॉक बॉक्स (पहले और तत्व के बाद एक लाइन ब्रेक) उत्पन्न होगा कोई भी = तत्व पहली बार में सब

4

में कोई बॉक्स उत्पन्न होगा मैंने सोचा jQuery चयनकर्ता संभावना $("#some_edit") हो गया होता और फिर .css()। तो मैं ने कहा है | प्रोटोटाइप या mootools या एक घर काढ़ा $।

आप निश्चित रूप से दोनों mootools और prototype, क्योंकि अगर चयनकर्ता एक वस्तु देता है, तो शैली संपत्ति उपलब्ध हो जाएगा (स्थापित करने शैलियों पर दोनों चौखटे में सर्वोत्तम प्रथाओं अनदेखी) छूट सकते हैं।

इस पत्ते, साइट homebrew $ काम या jQuery, जो सही तरीके से उपयोग नहीं किया जा रहा है उपयोग करता है।

वास्तव में

, $ ("foo")। शैली।jQuery यह बहुत ही अपवाद का उत्पादन करेगा (भले ही चयनकर्ता अच्छा था) में blah - यहाँ बचाव के लिए jsfiddle है

मामले बिंदु jQuery (चलाता): http://www.jsfiddle.net/dimitar/vmsZn/

मामले बिंदु प्रोटोटाइप (काम): http://www.jsfiddle.net/dimitar/vmsZn/1/

मामले बिंदु mootools (काम): http://www.jsfiddle.net/dimitar/vmsZn/2/

0

एक [0] में ('some_views') $ के सामने रखो मूल निवासी DOM एलीमेंट वापस जाने के लिए।

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

या $ ('some_views')। (0) .style.display = "none" प्राप्त करें;

या $ ('some_views')। Css ('display', 'none') DOM तत्वों के संग्रह के माध्यम से पुनरावृत्त करने के लिए।

संबंधित मुद्दे