jquery के साथ अविभाज्य जावास्क्रिप्ट - अच्छा 10 मिनट ट्यूटोरियल?

मैं JQuery का उपयोग कर अविभाज्य जावास्क्रिप्ट के लिए एक अच्छा 10 मिनट का परिचय ढूंढ रहा हूं। मैं अवधारणा के लिए पूरी तरह से नया हूं, और मैं देखना चाहता हूं कि ईवेंट बाध्यकारी और ऐसे काम कैसे करता है।jquery के साथ अविभाज्य जावास्क्रिप्ट - अच्छा 10 मिनट ट्यूटोरियल?

कुछ पृष्ठभूमि के रूप में, मैं एसओ पर हमारे पास जो कुछ भी है, उसे "इस टैग को हटाएं" सिस्टम करना चाहता हूं। स्रोत को देखते हुए, मैंने कोई जेएस नहीं देखा, बस एक आईएमजी टैग। इससे मुझे लगता है कि बाहरी जेएस होना चाहिए जो क्लिक ईवेंट पर बाध्यकारी है। मैं जानना चाहता हूं कि यह कैसे करें, और मुझे एक ट्यूटोरियल चाहिए जो मुझे दिखाता है कि कैसे!

स्रोत

2008-11-03 Micah

इस प्रयास करें: http: // railscasts.com/episodes/205-unobtrusive-javascript – Rahul

यहां उन सभी की तरह दिखता है: http://docs.jquery.com/Tutorials –

मैंने हाल ही में पाया [jQuery के साथ गैर घुसपैठ जावास्क्रिप्ट पर एक अच्छा लेख] (http: साइमन विलिसन द्वारा //files.simonwillison.net/2008/xtech-unobtrusive-jquery.pdf)। – nivcaner

मुझे लगता है कि jQuery मुखपृष्ठ पर Tutorials पेज एक अच्छी जगह हो सकता है शुरू करने के लिए :)

सरल उदाहरण एक लिंक पर क्लिक किया है दूर करने के लिए इस प्रकार है:

<html> 

<head> 
<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
<script type="text/javascript"> 
    // execute script only when DOM has finished loading 
    $(document).ready(function() { 
     $('#removeme').click(function() { 
      // remove element that has been target of the event 
      $(this).remove(); 
      // stop browser from following the link 
      return false; 
     }); 
    }); 
</script> 
</head> 

<body> 
    <p> 
    <a id="removeme" href="http://example.org">Remove me</a> 
    </p> 
</body> 
</html>

स्रोत

2008-11-03 19:22:29

jquery के साथ अविभाज्य जावास्क्रिप्ट - अच्छा 10 मिनट ट्यूटोरियल?

उत्तर

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