اگرچہ jQuery اور JavaScript کے درمیان بہت سی مماثلتیں ہیں، لیکن ان کے نحو اور فعالیت میں بھی کئی فرق موجود ہیں۔ اس کے لیے، پہلے سمجھیں کہ jQuery کوڈ کیا کرنے کی کوشش کر رہا ہے۔ پھر، ونیلا جاوا اسکرپٹ کے متبادل طریقوں یا خصوصیات کو استعمال کریں۔
یہ بلاگ jQuery کوڈ کو JavaScript میں تبدیل کرنے پر بات کرے گا۔
jQuery کوڈ کو جاوا اسکرپٹ میں کیسے تبدیل کیا جائے؟
jQuery کوڈ کو JavaScript میں تبدیل کرنے کے لیے، یہ سمجھنا ضروری ہے کہ کوڈ کیا کر رہا ہے اور jQuery کے کون سے طریقے استعمال کیے جا رہے ہیں۔ پھر، جاوا اسکرپٹ میں متبادل طریقے استعمال کریں، جیسے ' $() ' jQuery میں عناصر کو منتخب کرنے کے لیے استعمال کیا جاتا ہے جبکہ JavaScript میں، عناصر کو منتخب کرنے کے لیے ' document.querySelector() 'یا' querySelectorAll() 'طریقے استعمال کیے جاتے ہیں۔
آئیے ایک مثال کی مدد سے تبدیلی کے عمل کو سمجھتے ہیں۔
مثال
یہاں، ہمارے پاس ایک jQuery کوڈ ہے جو متن کا رنگ بدلتا ہے اور بٹن پر کلک کرنے پر وضاحتی متن دکھاتا ہے۔ اس کے لیے، HTML دستاویز میں دو بٹن، متن، اور ایک خالی
ٹیگ ہے جہاں بٹن پر کلک کرنے پر نیا متن دکھایا جائے گا:
< div id = 'myDiv' >
< ص کلاس = 'متن' > جاوا اسکرپٹ ٹیوٹوریل ص >
< بٹن آئی ڈی = 'بٹن' > یہاں کلک کریں بٹن >
< بٹن آئی ڈی = 'بٹن' > یہاں کلک کریں بٹن >
< پی آئی ڈی = 'پیغام' >> ص >
div >
jQuery کے ساتھ کام کرتے ہوئے، HTML دستاویز کے
ٹیگ میں jQuery لائبریری کو شامل کرنا لازمی ہے۔ < سکرپٹ src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' >> سکرپٹ >