Share your knowledge with other learners . . . Login Register

jQuery Introduction In Hindi

📔 : JQuery 🔗

jQuery , JavaScript की library है , जो कि cross platform है। JQuery का एक simple purpose है ' write less do more ' , means JavaScript में जहां हम कसी class या id selector को select करने के लिए document.getElementByClassName या document.getElementById use करते थे वहीं JQuery में हम simply $ symbol के साथ सेलेक्ट कर सकते हैं। इसके अलावा और बहुत से ऐसे features हैं जो हमें किसी भी task को आसानी से करने में help करती हैं।

Example - 

Note - jQuery को start करने से पहले अगर आप JavaScript के बारे में नहीं जानते हैं , तो मैं आपको highly recommend करूंगा की आप पहले JavaScript के बारे में थोड़ा overview ले , जिससे jQuery को आप और आसानी से समझ सकें। और Use करते समय कोई confusion न हो।

Copy Fullscreen Close Fullscreen Run
<!DOCTYPE html>
<html>
 <head>
    <title>jQuery Tutorials In Hindi </title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 </head>
<body>
 <script>
   $(document).ready(function()
  {
      document.write("Hello jQuery");
   });
 </script>
 </body>
</html>
Output
Hello jQuery

jQuery syntax बहुत ही सरल और easy to learn है , जिससे आप DOM (Document Object Modal) को traverse और manipulate कर सके। अब ऊपर दिए गए example को ही अगर देखें तो आपको याद होगा कि JavaScript में हमें किसी element को select करने के लिए document.getElementByTagName("p"); लिखते थे , और हमें array of elements मिलता था। और उन्हें manipulate करने के लिए Loop चलाना पड़ता था।

But jQuery में किसी element को सेलेक्ट करने के बाद आप कुछ manipulate करेंगे तो वो उस page में सभी elements के लिए modify हो जायेगा आपको कोई loop use करने की जरूरत नहीं पड़ेगी।

History Of jQuery

jQuery को January 2006 में BarCamp NYC में John Resig द्वारा develop किया गया था। हालाँकि 2006 में jQuery dual licensed थी जिनका license दो Company GPL और MIT के पास था और 2012 में GPL ने drop कर दिया अब सिर्फ MIT ही jQuery को maintain करती है।

Why should use jQuery ? Advantages / Features

अब सबसे बड़ा सवाल कि jQuery हमें क्यों use करनी चाहिए , तो आपको बता दें कि  पिछले 2 सालों में -
2018 में world की top  1 million websites में jQuery 78 % use की गयी थी।  (According to BuiltWith)
और 2019 में world की top  1 million websites में jQuery 80  % use की गयी थी। (According to BuiltWith)

इसके अलावा jQuery के कुछ ऐसे features के बारे में बात करेंगे

  1. Cross-browser support - jQuery multi - browser को support करतीं है।

  2. Easy तो Select Element - jQuery की मदद से CSS based Elements को आसानी से select कर सकते है जिस तरह से हम css में elements define या use करते हैं ठीक उसी तरह से हम jQuery में करते हैं।  जिससे कि DOM manipulation हम आसानी से कर सकते है।

  3. Events Handling - अब हलांकि जब हम elements को आसानी से सेलेक्ट कर सकते हैं , तो उन elements के ऊपर आसानी से event perform कर सकते हैं compare to JavaScript .

  4. Styles And Animations - इसके अलावा हम web page को और अधिक attractive और animated बना सकते है jQuery की मदद से।

  5. Ajax - अब आपको अगर आपको याद होगा की JavaScript में Ajax request send करने के लिए हमें कितना सारा Code लिखना पड़ता था , बही JQuery में हम सिर्फ कुछ lines का Code लिखकर Ajax Request send कर सकते है।

Related Topics :

Rahul Kumar

Rahul Kumar

Hi ! My name is Rahul Kumar Rajput. I'm a back end web developer and founder of learnhindituts.com. I live in Uttar Pradesh (UP), India and I love to talk about programming as well as writing technical tutorials and tips that can help to others.

Get connected with me. :) LinkedIn Twitter Instagram Facebook

b2eprogrammers