मेन्यू

50+ सबसे आम jQuery के साक्षात्कार प्रश्न और उत्तर (2021 अपडेट किया गया)

  • मुख्य
  • अन्य
  • 50+ सबसे आम jQuery के साक्षात्कार प्रश्न और उत्तर (2021 अपडेट किया गया)

50 most common jquery interview questions

समस्याओं को खत्म करने के लिए हमारे साधन का प्रयास करें

यह ट्यूटोरियल सबसे अधिक पूछे जाने वाले jQuery के साक्षात्कार प्रश्न और आपके आगामी jQuery साक्षात्कार के लिए तैयार करने में आपकी मदद करने के लिए उत्तर देता है:

यदि आप jQuery के साक्षात्कार की तैयारी कर रहे हैं, तो यहां आपके संदर्भ के लिए उत्तर और उदाहरण के साथ सबसे अधिक बार पूछे जाने वाले jQuery के साक्षात्कार प्रश्न हैं।

हमने jQuery पर अपनी योग्यता की जांच करने के लिए आपके तकनीकी साक्षात्कार के दौरान संभावित सभी संभावित प्रश्नों को एक साथ लाने की कोशिश की है।

आइए ढूंढते हैं!

jquery साक्षात्कार सवाल और जवाब

आप क्या सीखेंगे:

JQuery क्या है?

jQuery एक डॉक्यूमेंट ऑब्जेक्ट मॉडल हेरफेर जावास्क्रिप्ट लाइब्रेरी है, जिसका उपयोग मुख्य रूप से HTML दस्तावेजों, वेब एलिमेंट ईवेंट हैंडलिंग, डोम और अजाक्स संचार पर विशेष प्रभावों और कई ब्राउज़र जावास्क्रिप्ट डेवलपमेंट के प्रबंधन और यात्रा में किया जाता है।

jQuery एक हल्की जावास्क्रिप्ट लाइब्रेरी है जिसमें निम्नलिखित विशेषताएं हैं:

  • HTML / DOM हेरफेर
  • सीएसएस हेरफेर
  • HTML घटना के तरीके
  • प्रभाव और एनिमेशन
  • ajax
  • उपयोगिताओं

शीर्ष jQuery के साक्षात्कार के सवालों की सूची

Q # 1) क्या आप समझा सकते हैं कि jQuery क्या है?

उत्तर: jQuery एक तेज़, हल्का और सुविधा संपन्न जावास्क्रिप्ट लाइब्रेरी है। HTML दस्तावेज़ ट्रैवर्सल और हेरफेर, ईवेंट हैंडलिंग के लिए क्रॉस-ब्राउज़र संगत एपीआई का उपयोग करना आसान है, वेब पेजों में एनीमेशन प्रभाव जोड़ना और Ajax इंटरैक्शन में मदद करता है।

Q # 2) क्या आप जावास्क्रिप्ट और jQuery के बीच अंतर कर सकते हैं?

उत्तर: जावास्क्रिप्ट एक ओपन-सोर्स स्क्रिप्टिंग लैंग्वेज है, जो स्टेटिक वेब पेज को डायनामिक पेज बनाती है, जो कि सर्वर पर सबमिट करने से पहले फॉर्म डेटा को वेरिफाई करने के लिए उपयोग किया जाता है।

jQuery एक हल्का, तेज़ जावास्क्रिप्ट लाइब्रेरी, ब्राउज़र संगत है, जिसका उपयोग HTML दस्तावेज़ ट्रैवर्सल और हेरफेर, ईवेंट हैंडलिंग, वेब पेजों में एनीमेशन प्रभाव जोड़ने और अजाक्स इंटरैक्शन में मदद करता है।

Q # 3) विभिन्न jQuery प्रभाव विधि की व्याख्या करें।

उत्तर: jQuery प्रभाव विधि वेब पृष्ठों के DOM में मौजूद HTML तत्वों में कुछ विशेष प्रभावों को जोड़ने में हमारी मदद करती है, और इन तरीकों को फीका, स्लाइड, छिपाने, दिखाने और विशेष प्रभावों में वर्गीकृत किया जा सकता है।

JQuery प्रभाव विधियों की सूची नीचे दी गई है।

  • प्रदर्शन(): यह विधि चयनित तत्व को प्रदर्शित / प्रदर्शित कर सकती है।
  • छिपाना(): यह विधि चयनित तत्व को छुपाती है।
  • टॉगल (): यह विधि चयनित तत्व के लिए शो () और छिपाने () विधि के बीच टॉगल करने में मदद करती है।
  • फीका होना (): यह विधि पृष्ठ में छिपे हुए तत्वों को (प्रदर्शित) में फीका करने में मदद करती है, अर्थात् छिपे हुए तत्वों को एक अपारदर्शी तत्व में बनाती है।
  • फेड आउट(): यह विधि वेब पेज से एक तत्व को रंगीन तत्व को पारदर्शी बनाने में मदद करती है, दूसरे शब्दों में, यह बाहर फीका है।
  • fadeToggle (): यह विधि चयनित तत्व की स्थिति को संशोधित करने में मदद करती है, अर्थात् छिपे हुए तत्व को दृश्य और दृश्य चयनित तत्व में छिपे हुए तत्व में छिपा देती है।
  • ऊपर चढ़ाइए (): यह विधि चयनित HTML तत्व को ऊपर की ओर स्लाइड करने में मदद कर सकती है।
  • नीचे खिसकना(): यह विधि चयनित HTML तत्व को नीचे की ओर स्लाइड करने में मदद कर सकती है।
  • स्लाइडटॉगल (): यह विधि चयनित तत्व की स्थिति को संशोधित करने में मदद करती है, अर्थात् चयनित तत्व यदि अपनी स्थिति से ऊपर की ओर स्लाइड करता है, तो यह नीचे स्लाइड करेगा, और यदि चयनित तत्व अपनी स्थिति से नीचे की ओर खिसकता है, तो यह ऊपर स्लाइड करेगा।
  • एनिमेटेड (): यह विधि सीएसएस शैलियों के साथ चयनित तत्वों को एक राज्य से दूसरे में बदल सकती है। CSS गुण मान जैसे कि स्थिति, रंग या आकार एक विशेष अंतराल के भीतर बदलते हैं जिसके परिणामस्वरूप एक एनिमेटेड प्रभाव होता है।

Q # 4) jQuery में अजाक्स विधियों के कुछ उदाहरण दीजिए।

उत्तर: Ajax डेटा भेजने और पुनः प्राप्त करने में मदद करता है और साथ ही पूरे पृष्ठ को फिर से लोड किए बिना किसी सर्वर से वेब पेज की सामग्री को बदलने में मदद करता है। jQuery के अजाक्स तरीके जैसे लोड (), गेट (), पोस्ट () एप्लिकेशन द्वारा किए गए अजाक्स कॉल की सुविधा प्रदान करते हैं।

Q # 5) अजाक्स () विधि की कार्यक्षमता समझाइए।

उत्तर: Ajax () विधि सर्वर पर अतुल्यकालिक HTTP अनुरोध भेजता है और सर्वर से डेटा प्राप्त करता है। अजाक्स () विधि मूल्यवान है क्योंकि यह सफलता और विफलता कॉलबैक दोनों को निर्दिष्ट करने की क्षमता प्रदान करती है।

Q # 6) अजाक्स लोड () विधि की कार्यक्षमता समझाइए।

उत्तर: लोड () विधि एक सर्वर से HTML या पाठ सामग्री के रूप में डेटा लोड करने के लिए HTTP अनुरोध भेजता है और लौटाए गए डेटा को चयनित DOM तत्व (ओं) में डालता है।

क्यू # 7) विस्तृत jQuery Ajax घटनाक्रम।

उत्तर: Ajax विधियाँ एक ईवेंट हैंडलर को ट्रिगर करती हैं जिसके परिणामस्वरूप jQuery Ajax इवेंट्स हो जाता है। JQuery के अजाक्स इवेंट्स के कुछ उदाहरण नीचे सूचीबद्ध हैं।

इन घटनाओं को स्थानीय कार्यक्रमों और वैश्विक कार्यक्रमों में वर्गीकृत किया जाता है।

  1. ajaxStart (): यह एक ग्लोबल ईवेंट है, यह इवेंट अजाक्स अनुरोध शुरू करने के परिणामस्वरूप चालू होता है, बशर्ते वर्तमान में कोई अन्य अजाक्स अनुरोध न हो।
  2. पहले (): यह एक स्थानीय ईवेंट है, जैसा कि नाम से संकेत मिलता है, अजाक्स अनुरोध शुरू होने से पहले यह घटना हो जाती है, जिससे XMLHttpRequest ऑब्जेक्ट को संशोधित करने की अनुमति मिलती है।
  3. ajaxSend (): यह एक ग्लोबल इवेंट है, और इस इवेंट को अजाक्स के अनुरोध को चलाने से पहले कॉल किया जाता है।
  4. सफलता(): यह एक स्थानीय कार्यक्रम है। यह ईवेंट केवल तभी चालू होता है जब अजाक्स अनुरोध सफलतापूर्वक भेजा गया था (अर्थात अजाक्स अनुरोध भेजते समय, ईवेंट सर्वर से या डेटा से कोई त्रुटि प्रदर्शित नहीं करता है)।
  5. ajaxSuccess (): यह एक ग्लोबल इवेंट है, केवल तभी ट्रिगर किया जाता है जब भेजा गया अनुरोध सफल रहा हो।
  6. त्रुटि (): यह एक स्थानीय ईवेंट है, जो अनुरोध को निष्पादित करते समय त्रुटि उत्पन्न होने पर ट्रिगर हो जाता है। (अजाक्स अनुरोध भेजते समय आपको या तो त्रुटि हो सकती है या एक सफलता कॉलबैक हो सकती है)
  7. ajaxError (): यह एक ग्लोबल इवेंट है, जो अपनी स्थानीय समकक्ष त्रुटि () घटना के समान व्यवहार करता है।
  8. पूर्ण(): यह एक स्थानीय कार्यक्रम है। इस घटना को अनुरोध के सफल होने या त्रुटि के परिणाम के बावजूद कहा जाता है, और पूर्ण कॉलबैक प्राप्त होते हैं, यहां तक ​​कि तुल्यकालिक अनुरोधों के लिए भी।
  9. ajaxComplete (): यह एक ग्लोबल इवेंट है, जो अपने स्थानीय समकक्ष पूर्ण () घटना के समान है, यहां तक ​​कि तुल्यकालिक अनुरोधों के लिए भी।
  10. ajaxStop (): यह एक ग्लोबल इवेंट है, जो तब शुरू हो जाता है जब कोई अजाक्स अनुरोध अभी भी संसाधित नहीं हो रहा है / प्रसंस्करण के लिए लंबित है।

Q # 8) ajaxComplete () विधि की कार्यक्षमता की व्याख्या करें।

उत्तर: AjaxComplete () अनुरोध सफल होने या त्रुटि के परिणामस्वरूप होने के बावजूद कहा जाता है, और एक पूर्ण कॉलबैक प्राप्त होता है, यहां तक ​​कि तुल्यकालिक अनुरोधों के लिए भी।

Q # 9) ajaxStart () विधि की कार्यक्षमता समझाइए।

उत्तर: AjaxStart () घटना एक वैश्विक घटना है जो एक अजाक्स अनुरोध की शुरुआत के परिणामस्वरूप ट्रिगर होती है, बशर्ते कोई अन्य अजाक्स अनुरोध वर्तमान में नहीं चल रहा हो।

Q # 10) jQuery के घटनाक्रम के कुछ उदाहरण बताइए।

उत्तर: वेब पेजों पर HTML तत्वों पर कार्रवाई jQuery या जावास्क्रिप्ट में घटनाएँ हैं, जिससे गतिशील वेब पेज बनते हैं।

घटनाओं के कुछ उदाहरण नीचे सूचीबद्ध हैं।

  • बटन जैसे किसी तत्व पर माउस क्लिक करना।
  • HTML फॉर्म से इनपुट एलिमेंट वैल्यू भेजना।
  • उनके डिफ़ॉल्ट मानों या पृष्ठ को पुनः लोड करने के लिए फ़ॉर्म तत्व का रीसेट करें।
  • कीबोर्ड पर किसी एक या एक से अधिक कुंजी को दबाना या टाइप करना।
  • वेब पेज का स्क्रॉलिंग आदि।

Q # 11) jQuery इवेंट्स की कुछ श्रेणियों के उदाहरण बताइए।

उत्तर: jQuery की घटनाओं को उनके प्रकारों के आधार पर वर्गीकृत किया गया है:

  • माउस घटनाएँ जैसे कि क्लिक और डब्लक्लिक।
  • कीबोर्ड इवेंट्स जैसे कि कीप और कीडाउन।
  • फॉर्म इवेंट जैसे सबमिट, फ़ोकस और चेंज।
  • दस्तावेज़ / विंडो ईवेंट जैसे लोड, अनलोड और स्क्रॉल।

Q # 12) jQuery CSS () विधि की कार्यक्षमता को समझाइए।

उत्तर: JQuery में CSS () विधि का उपयोग शैली की संपत्ति के वर्तमान मूल्य की जांच करने के लिए किया जाता है, चयनित तत्व की शैली संपत्ति को जोड़ने या बदलने के लिए। दूसरे शब्दों में, jQuery CSS () विधि का उपयोग DOM तत्व के CSS शैली गुणों को प्राप्त करने और सेट करने के लिए किया जाता है।

Q # 13) खोज () और बच्चों () के तरीकों में अंतर करें।

उत्तर: मिलान किए गए DOM तत्वों के बच्चे का पता लगाने के लिए .find () और .children () का उपयोग किया जाता है, .find () किसी भी स्तर से नीचे की ओर यात्रा करता है, जबकि .children () तत्व का पता लगाने के लिए एक एकल स्तर की यात्रा करता है।

HTML दस्तावेज़ में निम्नलिखित DOM संरचना पर विचार करें।

findJQ

भीतर jQuery .find () एपीआई में सिंटैक्स तत्व का पता लगाने के लिए

  • 'आइटम-ii' वर्ग के साथ टैग।

    $('li.item-li').find('li').css('background-color','yellow');

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

    खोजो

    .find () विधि DOM तत्व के सभी बाल तत्वों का पता लगाया जाता है।

    के साथ तत्व का पता लगाने के लिए jQuery में सिंटैक्स .children () API

      कक्षा 'स्तर -2' के साथ टैग।

      $( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

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

      बच्चों को

      .children () विधि DOM तत्व के एकल स्तर के तत्वों का पता लगाया जाता है।

      Q # 14) jQuery में विभिन्न प्रकार के चयनकर्ताओं और उनकी कार्यक्षमता के बारे में बताएं।

      उत्तर: jQuery के चयनकर्ताओं को नीचे सूचीबद्ध किए गए उनके गुणों के आधार पर DOM पदानुक्रम से HTML तत्वों का पता लगाने / चयन करने के लिए उपयोग किया जाता है।

      • नाम
      • ईद
      • कक्षा
      • प्रकार
      • मूल्यों

      मूल चयनकर्ता प्रकार हैं:

      • नाम
      • ईद
      • कक्षा का नाम
      • यूनिवर्सल चयनकर्ता जैसे कि *, जो डोम में सभी तत्वों का चयन करता है।
      • कई तत्व। उदाहरण:
      • ,

        ,।

      • चयनकर्ता, उदाहरण: रंग, फ़ॉन्ट शैली या पृष्ठभूमि रंग जैसे उनके गुणों के आधार पर तत्वों की पहचान / चयन करें।

      JQuery में कई तत्वों और गुण चयनकर्ताओं का उदाहरण नीचे दिया गया है।

      कई तत्वों का उदाहरण

      उपरोक्त jQuery कोड में, क्लास विशेषता एक चयनकर्ता है और HTML टैग तत्व के अंदर पाठ का फ़ॉन्ट रंग हरे रंग में बदल जाता है। यह कोड उन सभी तत्वों के अंदर ग्रंथों के फ़ॉन्ट रंग को प्रभावित / बदल देगा, जिनमें वर्ग गुण हैं।

      Q # 15) jQuery में आईडी और क्लास चयनकर्ता के बीच अंतर करें।

      उत्तर: प्रत्येक HTML तत्व में केवल एक आईडी हो सकती है, दूसरे शब्दों में, एक तत्व को एक अद्वितीय आईडी से पहचाना जा सकता है, जबकि आप एक ही वर्ग को कई तत्वों के साथ उपयोग कर सकते हैं।

      ID के साथ DOM तत्व को छिपाने के लिए jQuery में ID चयनकर्ता का उदाहरण इसकी विशेषता के रूप में, आईडी के साथ तत्व को 'Lip_' कहते हैं

      $('#gold_coin').hide();

      यदि आप छिपाना चाहते हैं, तो कहें कि इसकी कक्षा के सभी लिंक 'कच्चे' हैं,

      $('a.raw').hide();

      Q # 16) jQuery के अजाक्स विधियों के फायदे बताएं।

      उत्तर: Ajax DOM और JavaScript की मदद से बिना पेज रीलोड के सर्वर से डेटा रिक्वेस्ट और रिसीव कर सकता है।

      JQuery में अजाक्स विधियों का उपयोग करने के लाभ नीचे सूचीबद्ध हैं:

      • यह हमें पूरे पृष्ठ को पुनः लोड करने की अनुमति देता है और हमें पृष्ठ के केवल एक हिस्से को लोड करने की सुविधा देता है।
      • सरल एपीआई।
      • क्रॉस-ब्राउज़र समर्थन।
      • GET और POST का समर्थन किया।
      • JSON, XML, HTML या स्क्रिप्ट दस्तावेज़ अपलोड करें।

      Q # 17) ओनलोड () और डॉक्यूमेंट (पहले से) jQuery के तरीकों में अंतर करें।

      उत्तर: Onload () और document.ready () विधियों के बीच अंतर यह है कि जावास्क्रिप्ट के onload () विधि को केवल वेब दस्तावेज़ में सभी ऑब्जेक्ट पूरी तरह से प्रदर्शित / लोड होने के बाद कहा जाएगा।

      जबकि, डॉक्युमेंट में पहले से ही डॉक्युमेंट लोड हो जाने पर डॉक्यूमेंट पहले से ही हो जाता है। ओनलोड () विधि की तुलना में डॉक्यूमेंट पहले से ही () विधि बहुत तेज हो जाती है, क्योंकि बाद में इंतजार किया जाता है जब तक कि चित्र पूरी तरह से प्रदर्शित न हो जाएं।

      Q # 18) कनेक्ट की कार्यक्षमता () jQuery की विधि बताएं।

      उत्तर: jQuery कनेक्ट () एक प्लगइन है जो किसी फ़ंक्शन को किसी फ़ंक्शन को हैंडलर असाइन करके किसी फ़ंक्शन को कनेक्ट / बाइंड करने के लिए उपयोग किया जाता है। हम इस फ़ंक्शन का उपयोग करके DOM तत्व की एक घटना का उपयोग कर सकते हैं।

      Q # 19) बूटस्ट्रैप और जावास्क्रिप्ट प्लग-इन को संक्षेप में समझाइए।

      उत्तर: बूटस्ट्रैप एक फ्रेमवर्क या टूलसेट है जिसमें वेबपेज या वेब एप्लिकेशन बनाने के लिए HTML, CSS और जावास्क्रिप्ट शामिल हैं। बूटस्ट्रैप के कई घटकों को कार्य करने के लिए जावास्क्रिप्ट प्लगइन्स की आवश्यकता होती है।

      Q # 20) jQuery के मोबाइल के लिए अनुप्रयोगों की व्याख्या करें।

      उत्तर: jQuery मोबाइल एक ओपन-सोर्स क्रॉस-ब्राउज़र संगत फ्रेमवर्क है जो सभी स्मार्टफोन, टैबलेट और डेस्कटॉप डिवाइस पर मोबाइल एप्लिकेशन को सुलभ बनाने के लिए डिज़ाइन किया गया है।

      jQuery के मोबाइल को jQuery और यूजर इंटरफेस पर बनाया गया है जो विभिन्न विशेष प्रभावों को प्रस्तुत करने के लिए है, विभिन्न प्रकार के विजेट के साथ अजाक्स अनुरोध / प्रतिक्रियाओं, स्पर्श घटनाओं को संभालते हुए।

      Q # 21) jquery.min.js और jquery.js के बीच अंतर करें

      उत्तर: jquery.min.js और jquery.js की कार्यक्षमता समान है, jquery.min.js में स्क्रिप्ट निष्पादन के परिणामस्वरूप लोड करने के लिए फ़ाइल को आकार में छोटा और तेज़ बनाने के लिए सभी खाली स्थान हटा दिए गए हैं।

      जेएस फ़ाइलों को उत्पादन वातावरण में छोटा करने का मतलब है कि वे तेजी से लोड करेंगे और त्वरित और बेहतर पृष्ठ प्रदर्शन देंगे।

      Q # 22) HTML और XML डॉक्यूमेंट के लिए jQuery एचटीएमएल विधि की संभावना स्पष्ट करें।

      उत्तर: jQuery के HTML विधि XML दस्तावेजों पर उपलब्ध नहीं है, यह केवल HTML दस्तावेजों के लिए काम करता है।

      Q # 23) jQuery UI (उपयोगकर्ता इंटरफ़ेस) की कार्यक्षमता को समझाइए।

      उत्तर: jQuery UI एक jQuery लाइब्रेरी है, जो विभिन्न उपयोगकर्ता इंटरफ़ेस ऑब्जेक्ट जैसे कि एकाधिक रिकॉर्ड सूचियों का निर्माण प्रदान करता है जहां उपयोगकर्ता विशेष डोम तत्वों का आकार बदलने के साथ-साथ चयन, सॉर्ट, ड्रैग, ड्रॉप कर सकते हैं।

      यूआई लाइब्रेरी में ऑटो-कम्पलीट, चेकबॉक्स, रेडियो बटन, डेटपिकर, मेन्यू आदि जैसे विगेट्स भी बनाए जाते हैं, साथ ही एक इफ़ेक्ट हाईड, शो या टॉगल और अन्य एनिमेशन भी जोड़ते हैं।

      Q # 24) डेटा टेबल प्लग-इन की कार्यक्षमता को jQuery के लिए समझाइए।

      उत्तर: डेटा टेबल एक jQuery प्लग-इन है कि जब रिकॉर्ड पर लागू किया जाता है तो एक सारणीबद्ध रूप में प्रदर्शित किया जाता है।

      हम एकल के साथ-साथ कई कॉलमों में डेटा सॉर्ट कर सकते हैं, विशिष्ट रिकॉर्ड खोज सकते हैं, पेजिंग जोड़ सकते हैं, प्रति पेज रिकॉर्ड कर सकते हैं और रिकॉर्ड्स को एक तालिका में नेविगेट कर सकते हैं। डेटा तालिका को स्थैतिक डेटा, एरे, जोंस में डेटा के साथ-साथ AJAX प्रतिक्रिया पर लागू किया जा सकता है।

      आवश्यकता के एकत्रीकरण के लिए व्यवसाय विश्लेषक द्वारा प्रयुक्त उपकरण

      Q # 25) CDN से jQuery होस्ट करने के किसी भी फायदे की व्याख्या करें।

      उत्तर: सामग्री वितरण नेटवर्क (CDN) से jQuery की होस्टिंग कम लागत और कम नेटवर्क लोड पर उच्च उपलब्धता और उच्च प्रदर्शन में मदद करती है, बेहतर विलंबता (सर्वर से डेटा पैकेट भेजने और प्राप्त करने के लिए कम समय लिया जाता है), एक डिवाइस-विशिष्ट संस्करण प्रदान करता है सामग्री की।

      उदाहरण: संवेदनशील डेटा या फ़ाइलों के लिए मोबाइल स्क्रीन आकार और सुरक्षित भंडारण क्षमता के लिए जवाबदेही।

      Q # 26) .detach () और .remove () jQuery के बीच किसी भी अंतर को पहचानें।

      उत्तर: jQuery की detach () विधि चयनित तत्व को हटा देती है, हालांकि यह डेटा और घटनाओं को बनाए रखता है। .remove () jQuery की विधि तत्वों, डेटा और साथ ही घटनाओं को हटा देती है।

      Q # 27) क्या मैं सर्वर स्क्रिप्टिंग के लिए jQuery लाइब्रेरी का उपयोग कर सकता हूं?

      उत्तर: jQuery का एक क्लाइंट-साइड स्क्रिप्टिंग जावास्क्रिप्ट लाइब्रेरी है। इसका उपयोग सर्वर-साइड स्क्रिप्टिंग के लिए नहीं किया जा सकता है।

      Q # 28) क्या आप jQuery का उपयोग करने के लिए कुछ परिस्थितियाँ या परिदृश्य दे सकते हैं?

      उत्तर:

      हम निम्नलिखित स्थितियों / परिदृश्यों में jQuery का उपयोग कर सकते हैं:

      • हम एक jQuery फ़ंक्शन लागू कर सकते हैं जो CSS स्थैतिक या गतिशील संपत्ति को बदल सकता है।
      • हम jQuery की मदद से फॉर्म इवेंट्स, कीबोर्ड इवेंट्स, माउस इवेंट्स, ब्राउज़र इवेंट्स जैसे फंक्शन पर कॉल कर सकते हैं।
      • हम jQuery का उपयोग करके DOM तत्वों को जोड़ (जोड़, संपादित या हटा सकते हैं)।
      • jQuery को HTML एलिमेंट पर एनीमेशन इफेक्ट्स के लिए इस्तेमाल किया जा सकता है।

      Q # 29) jQuery Ajax विधि के लिए उपयोग किए जाने वाले चार मापदंडों को सूचीबद्ध करें।

      उत्तर: URL पता जहां अनुरोध भेजा जाता है, अनुरोध का प्रकार अर्थात GET या POST, ब्राउज़र के लिए सर्वर और स्थिति में भेजे जाने वाले डेटा / सामग्री या तो अनुमति देने या न देने वाले पृष्ठ को jQuery Ajax विधि के लिए उपयोग किए जाने वाले चार पैरामीटर हैं।

      Q # 30) jQuery फ़िल्टर की कार्यक्षमता की व्याख्या करें।

      उत्तर: । jQuery में .filter () मिलान किए गए तत्व के लिए जाँच करेगा और गुण मिलान तत्व में जोड़ा जा सकता है।

      उदाहरण के लिए, .filter () के लिए, इसे नीचे दिया जा सकता है।

      छानने का काम

      सूची में तत्वों को खोजने / फ़िल्टर करने के लिए jQuery.filter () एपीआई की कोड नीचे दी गई है।

      $( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );

      उपरोक्त विधि कॉल का परिणाम ग्रंथों भौतिकी, गणित, इतिहास, फ्रेंच, आदि के लिए एक पीले रंग की पृष्ठभूमि है जो सूचकांक 0, 2, 4 और इसी तरह है, (याद रखें कि सूचकांक 0 से शुरू होता है, इसलिए 0 एक समान है) नीचे दी गई छवि में दिखाया गया है।

      फ़िल्टर

      Q # 31) jQuery के शॉर्टकट के रूप में किस विशेष वर्ण का उपयोग किया जाता है?

      उत्तर: $ का उपयोग jQuery के स्थान पर किया जाता है,

      उदाहरण: jQuery (दस्तावेज़)। पहले से ही (फ़ंक्शन (), $ (दस्तावेज़) के रूप में इस्तेमाल किया जा सकता है।) (फ़ंक्शन ()

      Q # 32) उन विभिन्न तरीकों के बारे में बताएं जिनमें हम jQuery को डिबग कर सकते हैं।

      उत्तर: ऐसे कुछ तरीके हैं जिनसे हम jQuery कोड को डीबग कर सकते हैं।

      Google क्रोम, मोज़िला फ़ायरफ़ॉक्स, ओपेरा और सफारी जैसे आधुनिक दिन के ब्राउज़रों ने जावास्क्रिप्ट डिबगर में बिल्ट-इन किया है। JQuery कोड को डीबग करने के लिए, अपने कीबोर्ड से F12 दबाएं और अंतर्निहित डीबगर वाला ब्राउज़र एक UI खोलेगा, जिसमें ’कंसोल’ मेनू चुनें। कंसोल मेनू में त्रुटि दिखाई देगी यदि कोई हो।

      आप त्रुटि पाठ प्राप्त करने के लिए कोड में कंसोल.लॉग () लिख सकते हैं, आप डिबगर भी लिख सकते हैं; कोड लाइन के बीच में, डिबगर के कारण स्क्रिप्ट डीबग मोड में शुरू होगी, ब्राउज़र में F12 दबाने से कंसोल खुल जाएगा, जो कोड को डीबग करेगा, F10 दबाने से jQuery ऑब्जेक्ट्स के मान पढ़ेंगे, और यह है कि हम कैसे डीआईजी कोड डीबग कर सकते हैं ।

      Q # 33) उन संभावित तरीकों के बारे में बताएं जिनमें हम एक पेज पर jQuery शामिल कर सकते हैं।

      उत्तर: आप संपीडित उत्पादन संस्करण jquery-3.4.1.min.js को https://jquery.com/download/ साइट से डाउनलोड कर सकते हैं, और इसे प्रोजेक्ट फ़ोल्डर के अंतर्गत lib फ़ोल्डर में सहेज सकते हैं।

      मैं) हम प्रोजेक्ट के अनुसार स्थानीय फ़ोल्डर से jquery / lib / Scripts को नीचे बता सकते हैं।

      ii) हम सामग्री वितरण नेटवर्क साइटों जैसे कि Microsoft CDN से नीचे संदर्भ ले सकते हैं।

      Q # 34) jQuery में .each () विधि की कार्यक्षमता स्पष्ट करें।

      उत्तर: jQuery .each () का उपयोग jQuery ऑब्जेक्ट में मौजूद DOM तत्व को पुन: व्यवस्थित / सूचीबद्ध करने के लिए किया जाता है।

      उदाहरण

      var veg_list = { Onion, Capsicum, Sweet Potato, Cauliflower, Bitter Gourd, Brinjal }; $.each(veg_list, function (index, value) { console.log(value); }); // displays output as Onion Capsicum Sweet Potato, Cauliflower Bitter Gourd Brinjal

      Q # 35) .prop () और .attr () jQuery के तरीकों में अंतर करें।

      उत्तर: निम्नलिखित .prop () और .attr () के बीच अंतर है।

      उदाहरण:

      code_attr

      jQuery कोड में attr () विधि होती है जो नीचे दिखाए गए अनुसार छवि के विशेषता मानों को संशोधित करती है।

      प्रभावकारक

      .attr () jQuery के बदलाव की विधि छवि की चौड़ाई और सीमा की तरह है।

      $ (चयनकर्ता) .attr (तत्व की विशेषता, मूल्य जिसके लिए विशेषताओं को बदल दिया जाता है)।

      । jQuery में .prop () पद्धति का उपयोग DOM प्रॉपर्टीज जैसे कि चेक किए गए, चयनित, या अक्षम अवस्था में लौटने और संशोधित करने के लिए किया जाता है।

      Pink

      एक चेकबॉक्स के रूप में इनपुट प्रकार के लिए, मूल्य गुलाबी है और DOM प्रॉपर्टी की जाँच की जाती है,

      prop_ex

      jQuery कोड में प्रोप () विधि है जो किसी तत्व की प्रदर्शन संपत्ति को संशोधित करती है।

      prop_JQ

      .attr () विधि हमें एक मूल्य का चयन करने में मदद करती है जो यहां 'गुलाबी' है, जबकि .प्रॉप () विधि संपत्ति का चयन करती है जो यहां 'चेक' की जाती है।

      Q # 36) jQuery.noConflict की कार्यक्षमता को समझाइए।

      उत्तर: jQuery की noConflict () विधि संघर्षों को हल करने के लिए लागू की जाती है जब हमें jQuery के अलावा, चौखटे का उपयोग करने की आवश्यकता होती है।

      उदाहरण के लिए, कई जावास्क्रिप्ट लाइब्रेरी जैसे मूटूल, प्रोटोटाइप, ज़ेप्टो, आदि $, एक फ़ंक्शन या चर नाम का उपयोग करते हैं, जो कि jQuery कोड में टेक्स्ट jQuery के प्रतिस्थापन के रूप में उपयोग किया जाता है, और ऐसे मामलों में .noConflict () विधि $ का उपयोग करने की अनुमति देता है। शॉर्टकट पहचानकर्ता, अन्य लिपियों का उपयोग करने की अनुमति देकर।

      Q # 37) चौड़ाई के बीच अंतर () बनाम jss () चौड़ाई) jQuery में।

      उत्तर: एक तत्व की चौड़ाई को बदलने के लिए jQuery में दो अलग-अलग विधियाँ हैं। पहला तरीका .css (प्रॉपर्टी) का उपयोग करना है और दूसरा तरीका है .property () का उपयोग करना।

      उदाहरण:

      $(selector).css(property,value_change); $(selector).property(value_change);

      .Css (प्रॉपर्टी) में जो इस मामले में चौड़ाई है, हमें px को value_change में जोड़ना है, 300px कहते हैं।

      हम .property (value_change) का उपयोग कर सकते हैं, जो इस मामले में चौड़ाई है, और आपको px जोड़ने की आवश्यकता नहीं है, लेकिन प्रत्यक्ष मूल्य।

      Q # 38) हम jQuery में परम () विधि कहां लागू कर सकते हैं?

      उत्तर: हम बाइट्स की एक धारा के रूप में सरणी, सादे वस्तु या jquery वस्तु को प्रदर्शित कर सकते हैं ताकि उन्हें jQuery में परम () विधि का उपयोग करके मेमोरी, फ़ाइल या डेटाबेस में संग्रहीत किया जा सके।

      क्यू # 39) $ के बीच अंतर (यह) और यह jQuery में।

      उत्तर: $ (यह) एक jQuery ऑब्जेक्ट है, जबकि यह जावास्क्रिप्ट का वैश्विक ऑब्जेक्ट संदर्भ है, इसका उपयोग करके हम HTML दस्तावेज़ में DOM तत्व का उल्लेख कर सकते हैं।

      $ (यह) मूल वस्तु के संदर्भ में है, जबकि यह एक DOM तत्व को संदर्भित करता है, जो एक सरणी के मामले में, .each () विधि के साथ एक वस्तु का प्रतिनिधित्व करता है, जो वर्तमान पुनरावृत्ति प्रदर्शित करता है।

      Q # 40) पढ़ी गई कुकीज़ की कार्यक्षमता का वर्णन करें, कुकीज़ लिखें और कुकीज़ को jQuery में हटा दें।

      उत्तर: जब वेबसाइटों का दौरा किया जाता है, तो कुकीज़ डेटा मान होते हैं जैसे कि उपयोगकर्ता का नाम जो कंप्यूटर पर छोटी पाठ फ़ाइलों में संग्रहीत होता है। वेबसाइटों को पुनर्जीवित करते समय, कुकीज़ उपयोगकर्ता के नाम को याद रखने में मदद करती हैं। JavaScript और jQuery, document.cookie प्रॉपर्टी के साथ कुकीज़ बनाते, पढ़ते और हटाते हैं।

      Q # 41) jQuery में सीरियलाइज़ () विधि का उपयोग क्या है?

      उत्तर: यह प्रपत्र मानों को क्रमांकित करता है ताकि AJAX अनुरोध करते समय URL क्वेरी स्ट्रिंग में इसके क्रमबद्ध मानों का उपयोग किया जा सके।

      । jial की विधि () jQuery की विधि स्ट्रिंग के रूप में HTML फॉर्म के इनपुट मूल्यों को लौटाती है।

      Q # 42) jQuery में वैल () विधि का उपयोग क्या है?

      उत्तर: .val () विधि HTML तत्व की एक विशेषता के मूल्य को खोजने में मदद करती है। उदाहरण के लिए, फार्म तत्व जैसे इनपुट, सिलेक्ट और टेक्सारिया। वैल () चेकबॉक्स और रेडियो बटन के साथ-साथ ड्रॉप-डाउन सूची से सभी मिलान किए गए तत्वों के मूल्य का पता लगाने के लिए भी लागू किया जाता है।

      उदाहरण वाक्य रचना के साथ समझाया गया

      // form elements such as dropdown with select tag and id mylst, the value of the selected option will have syntax as below $( 'select#mylst option:checked' ).val(); // form element such as a set of radio buttons with input type as radio and name rdobtn, the value can be retrieved $( 'input(type=radio)(name=rdobtn):checked' ).val();

      Q # 43) jQuery में मेथड चेनिंग क्या है? क्या लाभ प्रदान करता है?

      उत्तर: JQuery की विधि के साथ, कई क्रियाओं को कोड की एक पंक्ति पर लागू किया जा सकता है, क्योंकि सभी विधियाँ jQuery की वस्तुओं को लौटाती हैं जिनका उपयोग दूसरी विधि को कॉल करने के लिए किया जा सकता है।

      जंजीर के बिना, jQuery के तरीकों को एक अलग लाइन में एक के बाद एक कहा जाता है, जबकि चेनिंग के साथ, jQuery के तरीकों को डॉट अलग कोड की एक पंक्ति में लिखा जाता है।

      कोड की कई पंक्तियों को लिखे बिना, जिन्हें लिखने की आवश्यकता है, मिलान किए गए तत्व के लिए संपूर्ण DOM को खोजने के लिए jQuery बनाते हैं, फिर कोड की प्रत्येक पंक्ति में एकल विधियाँ लागू की जाती हैं। जबकि Chaining को बेहतर प्रदर्शन करके DOM से एक मैच्योर तत्व के केवल एक बार के चयन की आवश्यकता होती है।

      Q # 44) jQuery.get () और jQuery.ajax () के बीच अंतर क्या है?

      उत्तर: HTTP अजाक्स अनुरोध भेजने के लिए jQuery.ajax () विधि का उपयोग किया जाता है, जबकि सर्वर से डेटा लोड करने के लिए HTTP GET अनुरोध भेजने के लिए jQuery.get () विधि का उपयोग किया जाता है।

      Q # 45) क्वनिट क्या है?

      उत्तर: क्वनिट एक फ्रेमवर्क है, जो jQuery, jQuery UI, और jQuery मोबाइल के लिए लिखे गए जावास्क्रिप्ट कोड का परीक्षण करता है, अपेक्षित परिणामों को सत्यापित करने के लिए अभिकथन और परीक्षण फिक्स्चर का उपयोग करता है।

      Q # 46) jQuery एक तत्व से संबंधित डेटा कैसे संग्रहीत करता है?

      उत्तर: jQuery.data () मेमोरी लीक से मुक्त DOM तत्वों के लिए किसी भी प्रकार के डेटा को संलग्न करने में विधि एड्स। jQuery सुनिश्चित करता है कि डेटा jQuery विधियों के माध्यम से हटाए गए DOM तत्वों के साथ हटा दिया गया है।

      एक तत्व से संबंधित डेटा को संग्रहीत और पुनर्प्राप्त करने के लिए कोड।

      $('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}

      Q # 47) क्या आप क्वेरी स्ट्रिंग को नियमित अभिव्यक्तियों के साथ निकालने की विभिन्न प्रक्रियाओं की व्याख्या कर सकते हैं?

      उत्तर: हम निम्नलिखित तरीकों से नियमित अभिव्यक्ति के साथ एक क्वेरी स्ट्रिंग निकालने को पूरा कर सकते हैं।

      1. स्ट्रिंग-आधारित दृष्टिकोण: यह विधि .replace () विधि का उपयोग करते हुए, बराबर नियमित अभिव्यक्ति की तुलना करके स्ट्रिंग को प्राप्त करने में मदद करती है।
      2. नियमित अभिव्यक्ति दृष्टिकोण: एक क्वेरी स्ट्रिंग और पैटर्न निकालने के लिए सबसे शक्तिशाली विधि का उपयोग किया जाना चाहिए जो जावास्क्रिप्ट में तार के साथ तुलना की जाती है। पैटर्न के साथ तुलना के लिए .exec () और .test () विधियों का उपयोग करना। मिलान (), माचिस (), प्रतिस्थापित (), खोज () और विभाजन () स्ट्रिंग के लिए कुछ अन्य तरीके हैं।

      Q # 48) jQuery में फिनिश विधि की अवधारणा को समझाइए।

      उत्तर: सभी कतारबद्ध एनिमेशनों को रोकने के लिए और उन्हें अपने अंतिम स्थिति में रखने में मदद करने के लिए .finish () विधि का उपयोग किया जाता है।

      Q # 49) कॉलिंग स्टॉप (सही, सत्य) और फिनिश विधि के बीच अंतर करें।

      उत्तर: .finish () विधि कतार को साफ करने में मदद करती है और एनिमेशन को उनके अंतिम स्थिति में प्रवेश करने में मदद करती है, जबकि .stop () विधि को एक तत्व पर कहा जाता है, वर्तमान में चल रहे एनीमेशन को तुरंत रोकने के लिए मजबूर करके।

      Q # 50) आप jQuery का उपयोग करके ब्राउज़र-विशिष्ट कोड कैसे लिख सकते हैं?

      उत्तर: हम नीचे दिए गए कोड के रूप में, इंटरनेट एक्सप्लोरर, क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा से ब्राउज़र की पहचान करने के लिए navigator.userAgent का उपयोग करके jQuery में ब्राउज़र-विशिष्ट कोड लिख सकते हैं।

      if (navigator.userAgent.search('MSIE') >= 0) { // JQuery Code once navigator.userAgent identifies Microsoft Internet Explorer browser. } else if (navigator.userAgent.search('Chrome') >= 0) { // JQuery Code once navigator.userAgent identifies Google Chrome browser. } else if (navigator.userAgent.search('Firefox') >= 0) { // JQuery Code once navigator.userAgent identifies Mozilla Firefox browser. } else if (navigator.userAgent.search('Safari') >= 0 && navigator.userAgent.search('Chrome') <0) { // JQuery Code once navigator.userAgent identifies either Safari or Chrome browser type. } else if (navigator.userAgent.search('Opera')>= 0) { // JQuery Code once navigator.userAgent identifies Opera browser. }

      Q # 51) jQuery में किसी भी चर के डेटा प्रकार की जांच करने की प्रक्रिया क्या है?

      उत्तर: jQuery फ़ंक्शन प्रकार () किसी भी चर के डेटा प्रकार की पहचान करने के लिए उपयोग किया जाता है जैसे कि एक सरणी, स्ट्रिंग, संख्या, फ़ंक्शन या ऑब्जेक्ट डेटा प्रकार।

      निष्कर्ष

      jQuery एक डॉक्यूमेंट ऑब्जेक्ट मॉडल हेरफेर जावास्क्रिप्ट लाइब्रेरी है, जिसका उपयोग मुख्य रूप से HTML डॉक्यूमेंट ट्रेवर्सिंग और क्रॉस-ब्राउज़र जावास्क्रिप्ट डेवलपमेंट में किया जाता है जो ब्राउज़र इवेंट को प्रबंधित करने के लिए DOM और Ajax एनिमेशन बनाता है।

      आशा है कि आपको 'jQuery' पर सबसे अक्सर पूछे जाने वाले साक्षात्कार प्रश्नों के उत्तर बेहद मदद के लिए मिलेंगे। अधिक से अधिक प्रश्नों का अभ्यास करें और आत्मविश्वास रखें।

      आपके साक्षात्कार के लिए शुभकामनाएँ !!

      अनुशंसित पाठ

    • ^