jQuery 1.7 का विमोचन किया

jQuery 1.7 डाउनलोड करने के लिए तैयार है! JQuery CDN से डाउनलोड किया जा सकता है:
code.jquery.com/jquery-1.7.js
code.jquery.com/jquery-1.7.min.js

साथ ही, यह रिलीज़ एक या दो दिन में Google और Microsoft CDN से डाउनलोड करने के लिए तैयार हो जाएगी।

JQuery की टीम उन सभी को धन्यवाद देती है जिन्होंने बीटा संस्करणों में परीक्षण करने और बग ढूंढने में भाग लिया और रिलीज की ताकत और स्थिरता में विश्वास करते हैं। और वह हर किसी को पूछता है जो बग ट्रैकर को रिपोर्ट करने के लिए किसी भी कीड़े को ढूंढता है और, यदि संभव हो तो, समस्याओं के त्वरित विश्लेषण के लिए jsFiddle पर प्लेबैक के लिए परीक्षणों के साथ उनका बैकअप लें।

संस्करण 1.7 में नया क्या है

1.7 की टैग के साथ एपीआई के विवरण को देखकर नवाचारों की एक छोटी सूची जल्दी से प्राप्त की जा सकती है, और नीचे संस्करण 1.7 के प्रमुख नवाचारों और कुछ चीजों का वर्णन होगा जो अभी तक एपीआई के लिए प्रलेखन में शामिल नहीं किए गए हैं।

नई ईवेंट API: .on () और .off ()

नया .on () और .off () एपीआई दस्तावेज़ में घटनाओं को सार्वभौमिक और अधिक सुविधाजनक बनाता है।

$(elements).on( events [, selector] [, data] , handler ); $(elements).off( [ events ] [, selector] [, handler] ); 

जब selector निर्दिष्ट किया जाता है, तो .on() विधि .delegate() के समान काम करती है - चयनकर्ता द्वारा तत्वों को फ़िल्टर करके ईवेंट हैंडलर को बांधता है। यदि selector निर्दिष्ट नहीं है या null , तो कॉल नियमित .bind() तरह काम करता है। कुछ अस्पष्टता है: यदि data तर्क एक स्ट्रिंग है, तो आपको selector तर्क को स्ट्रिंग या null रूप में स्पष्ट रूप से पास करना होगा ताकि data चयनकर्ता के लिए गलत न हो। किसी ऑब्जेक्ट को data रूप में पारित करके, आपको विशेष रूप से चयनकर्ता को निर्दिष्ट करने के बारे में चिंता करने की आवश्यकता नहीं है।

सभी मौजूदा प्रकार के ईवेंट बाइंडिंग (और डिकॉउंडिंग इवेंट्स की संबंधित विधि) संस्करण 1.7 में उपलब्ध हैं, लेकिन इसे नए प्रोजेक्ट्स के लिए .on() का उपयोग करने की अनुशंसा की जाती है, जहां वर्जन 1.7 या .on() उपयोग करने .on() गारंटी है। निम्नलिखित छोटे उदाहरण हैं जो पुराने और नए API का उपयोग करके समान ईवेंट बाइंडिंग प्रदर्शित करते हैं:

 $('a').bind('click', myHandler); $('a').on('click', myHandler); $('form').bind('submit', { val: 42 }, fn); $('form').on('submit', { val: 42 }, fn); $(window).unbind('scroll.myPlugin'); $(window).off('scroll.myPlugin'); $('.comment').delegate('a.add', 'click', addNew); $('.comment').on('click', 'a.add', addNew); $('.dialog').undelegate('a', 'click.myDlg'); $('.dialog').off('click.myDlg', 'a'); $('a').live('click', fn); $(document).on('click', 'a', fn); $('a').die('click'); $(document).off('click', 'a'); 

सुधारित प्रतिनिधि प्रदर्शन

पेज के आकार और जटिलता को बढ़ाने के साथ इवेंट डेलिगेशन लगातार महत्वपूर्ण होता जा रहा है। बैकबोन और स्प्राउटकोर जैसे फ्रेमवर्क इवेंट डेलिगेशन का व्यापक उपयोग करते हैं। इसे ध्यान में रखते हुए, jQuery 1.7 में ईवेंट हैंडलिंग को इवेंट प्रोसेसिंग की प्रक्रिया को तेज करने के लिए फिर से डिज़ाइन किया गया है, खासकर सबसे आम मामलों के लिए।

सामान्य प्रकार के चयनकर्ताओं के लिए कोड को अनुकूलित करने के लिए, jQuery टीम ने Google कोडसर्च के साथ एक स्लाइस की जांच की। .delegate() .live() और .delegate() में उपयोग किए जाने वाले सभी चयनकर्ताओं में से लगभग दो-तिहाई फॉर्म tag#id.class , जहां एक या अधिक टैग, आईडी या कक्षाएं उपयोग की जाती हैं। इन सरल चयनकर्ताओं के विश्लेषण को अनुकूलित करने में, jQuery टीम ने ऐसी सफलता हासिल की है कि यह इवेंट प्रोसेसिंग के दौरान देशी ब्राउज़र से matchesSelector समय को भी बायपास करने में सक्षम था। अधिक जटिल चयनकर्ताओं को पार्स करने के लिए, सिज़ल इंजन का उपयोग अभी भी किया जाता है।

अंतिम परिणाम में संस्करण 1.6.4 की तुलना में लगभग दोगुना त्वरण है:

IE 6/7/8 में HTML 5 समर्थन में सुधार

उदाहरण के लिए, किसी ने भी HTML5 से नए टैग का उपयोग करने की कोशिश की, जैसे कि <section> , न केवल इस तथ्य के साथ समस्याओं की गारंटी दी गई थी कि IE 6/7/8 ने इन टैगों को नहीं समझा, बल्कि उन्हें दस्तावेज़ से पूरी तरह से हटा दिया। JQuery 1.7 में। .html() जैसे तरीकों में पुराने IEs के लिए HTML5 टैग के लिए अंतर्निहित समर्थन है। यह तंत्र पहले के इनरशीव के समान स्तर पर लागू किया जाता है। HTML5Shiv को अभी भी पुराने IE में HTML5 टैग का समर्थन करने के लिए दस्तावेज़ के head भाग में आवश्यक है। विवरण के लिए HTML5 शिव की कहानी देखें।

सहज ज्ञान युक्त एनीमेशन स्विचिंग का काम

JQuery के पिछले संस्करणों में, स्विचिंग एनिमेशन, जैसे कि .slideToggle() या .fadeToggle() , सही ढंग से काम नहीं करते थे यदि कई एनिमेशन क्रमिक रूप से चलाए जाते थे और पिछले .stop() विधि द्वारा बाधित किया गया था। यह संस्करण 1.7 में तय किया गया था, अब एनीमेशन शुरू करने से पहले, प्रारंभिक मानों को याद किया जाता है, और मानों को रीसेट किया जाता है यदि एनीमेशन स्विचिंग को समय से पहले बाधित किया गया था।

अतुल्यकालिक मॉड्यूल परिभाषा (AMD)

JQuery अब अतुल्यकालिक मॉड्यूल परिभाषा - AMD API का समर्थन करता है । इसका मतलब यह नहीं है कि jQuery एक स्क्रिप्ट लोडर है; jQuery केवल एएमडी-संगत मॉड्यूल परिभाषा मॉडल का उपयोग करता है, उदाहरण के लिए, आवश्यकता के अनुसार या कर्ल .js द्वारा, इसलिए jQuery को इस तरह के लोडर द्वारा गतिशील रूप से जोड़ा जा सकता है, और ready घटना भी इसके द्वारा नियंत्रित होती है। AMD- संगत डाउनलोडर अब CDN के साथ jQuery के एक अनमॉडिफाइड संस्करण को जोड़ सकते हैं (उदाहरण के लिए, Google या Microsoft से)। विशेष धन्यवाद पैच और परीक्षण प्रदान करने और उनके निर्माण में शामिल होने की प्रतीक्षा करने के लिए जेम्स बर्क (@jrburke) पर जाएं।

jQuery.Deferred

JQuery.Deferred ऑब्जेक्ट को इन हैंडलर को कॉल करने वाले नए प्रगति हैंडलर और अधिसूचना विधियों के साथ बढ़ाया गया है। यह आपको अनुरोध को पूरा या रद्द किए बिना निष्पादन की प्रगति के श्रोताओं को अतुल्यकालिक रूप से सूचित करने की अनुमति देता है। इसके अतिरिक्त, state() विधि दिखाई दी है, जो आस्थगित वस्तु की स्थिति लौटाती है, यह डिबगिंग के लिए मुख्य रूप से उपयोगी है।

अब Deferreds को नई कार्यक्षमता - jQuery.Callbacks के उपयोग के माध्यम से कार्यान्वित किया जाता है, जो एक कतार या कॉलबैक की एक श्रृंखला को कॉल करने के कार्यों को सामान्य करता है। यह नई कार्यक्षमता प्लगइन लेखकों के लिए दिलचस्पी की हो सकती है, हालांकि डिफ्रेड्स और इवेंट सिस्टम समान कार्यक्षमता का एक उच्च स्तर प्रदान करते हैं।

jQuery.isNumeric ()

JQuery के अंदर कई स्थितियां पाई गईं जब आपको यह जानना होगा कि क्या तर्क एक संख्या है या सफलतापूर्वक एक संख्या में परिवर्तित किया जा सकता है। और यह एक उपयोगी उपयोगिता के रूप में jQuery.isNumeric () विधि को लिखने और दस्तावेज करने का निर्णय लिया गया था। इसके अंदर किसी भी तर्क को पारित करें और परिणाम के रूप में true या false प्राप्त करें।

दूरस्थ कार्यक्षमता

event.layerX और event.layerY: संस्करण 1.7 में, ये गैर-मानक गुण हटा दिए जाते हैं। हालांकि पहले वे किसी को परेशान नहीं करते थे, लेकिन क्रोम 16 कंसोल में बहुत सारी चेतावनी दिखाता है। इसलिए, उन्हें छोड़ने और हटाने का फैसला किया गया था। जहाँ ये गुण अभी भी समर्थित हैं, वे event.originalEvent.layerX और event.originalEvent.layerY माध्यम से उपलब्ध event.originalEvent.layerY ।

jQuery.isNaN (): यह अनिर्दिष्ट उपयोगिता भी हटा दी गई है। इसमें एक अंतर्निहित जावास्क्रिप्ट फ़ंक्शन का नाम था, लेकिन शब्दार्थ इसका मिलान नहीं करता था। नया jQuery.isNumeric() फ़ंक्शन आपको वही करने की अनुमति देता है। इस तथ्य के बावजूद कि jQuery.isNaN() फ़ंक्शन को jQuery.isNaN() गया था, jQuery.isNaN() पर कुछ परियोजनाओं ने इसका उपयोग किया। JQuery टीम ने उनसे संपर्क किया और समस्या और संभावित समाधानों के बारे में चेतावनी दी।

jQuery.event.proxy (): यह अनिर्दिष्ट और पदावनत विधि हटा दी गई है। इसके बजाय, प्रलेखित jQuery.proxy विधि का उपयोग करें।

अन्य धन्यवाद और सभी निश्चित बगों की सूची के साथ एक परिवर्तन लॉग मूल ब्लॉग के अंत में पाया जा सकता है। jquery.com/2011/11/03/jquery-1-7-released लेख