ہم جاوا اسکرپٹ اور JQuery کو کچھ سالوں سے جانتے ہیں۔ جاوا اسکرپٹ ایجاد ہوا jQuery کے مقابلے میں پہلے۔ دونوں طاقت ور ہیں اور ویب ڈویلپمنٹ میں استعمال ہوتے ہیں اور اسی مقصد کے لئے استعمال ہوتے ہیں یعنی ویب پیج کو انٹرایکٹو اور متحرک بنانے کے لئے۔ دوسرے لفظوں میں ، وہ ویب صفحات پر زندگی لاتے ہیں۔ لوگ حیران ہوسکتے ہیں کہ اگر وہ اسی مقصد کے لئے استعمال ہوتے ہیں تو پھر یہ دونوں الگ الگ تصورات کیوں؟ جاوا اسکرپٹ بمقابلہ jQuery مضمون میں ، ہمیں معلوم ہوگا کہ درج ذیل ترتیب میں دوسرے سے بہتر کونسا ہے:
- جاوا اسکرپٹ: ویب کی ترقی میں ایک طاقتور زبان
- JQuery: جاوا اسکرپٹ سے تیار ایک لائبریری
- کیوں JQuery تخلیق کیا گیا ہے اور JQuery کی کیا خاص صلاحیتیں ہیں؟
- جاوا اسکرپٹ اور JQuery کے درمیان مثال کے ساتھ فرق
جاوا اسکرپٹ: ویب کی ترقی میں ایک طاقتور زبان
جاوا اسکرپٹ ایک سکرپٹ کی زبان ہے جو ہمارے ویب صفحات میں انٹرایکٹوٹی شامل کرنے کے لئے استعمال کی جاتی ہے۔ یہ HTML اور CSS کے ساتھ ساتھ تین بنیادی ٹیکنالوجیز میں سے ایک ہے جو ویب صفحات بنانے کے لئے استعمال ہوتی ہے۔ جب کہ ایچ ٹی ایم ایل اور سی ایس ایس ویب پیجوں کی ساخت اور ویب صفحات کی لکڑی / اسٹائل کی وضاحت کرتے ہیں ، جاوا اسکرپٹ کا استعمال ویب پیج کو انٹرایکٹیویٹی میں شامل کرکے متحرک بنانے کے لئے کیا جاتا ہے جس کا مطلب جاوا اسکرپٹ کے ذریعہ ہم ماؤس کلک ، ماؤس اوور اور دوسرے کیلئے کچھ کوڈ شامل کرسکتے ہیں۔ ویب پیج پر واقعات اور بہت کچھ۔
جاوا اسکرپٹ کو تمام ویب براؤزرز نے سپورٹ کیا ہے اور جاوا اسکرپٹ کوڈ کی نشاندہی کرنے اور اس کے ساتھ کام کرنے کے لئے ویب براؤزرز میں بلٹ ان جاوا اسکرپٹ انجن موجود ہے۔ اس طرح ، جاوا اسکرپٹ بڑی حد تک ایک کلائنٹ کی طرف کی زبان ہے۔ یہ ایک زبان ہے جو ضابطے کی زبان کے ساتھ ساتھ پروٹو ٹائپ پر مبنی آبجیکٹ پر مبنی زبان کے طور پر بھی استعمال کی جا سکتی ہے۔ جب ہم پرائمری جاوا اسکرپٹ کا استعمال کرتے ہیں تو ہم طریقہ کار کی زبان کے ساتھ کام کر رہے ہیں جبکہ جدید جاوا اسکرپٹ آبجیکٹ پر مبنی تصورات کا استعمال کرتا ہے۔
آئیے اپنے جاوا اسکرپٹ بمقابلہ jQuery کے ساتھ آگے بڑھیں اور جاوا اسکرپٹ سے تیار کردہ لائبریری کو سمجھیں۔
ونڈوز 10 پر پی ایچ پی 7 انسٹال کرنے کا طریقہ
jQuery: جاوا اسکرپٹ سے تیار ایک لائبریری
کئی سالوں میں جاوا اسکرپٹ ویب کی ترقی کے لئے ایک طاقتور زبان نکلی ہے۔ یہاں بہت ساری لائبریریاں اور فریم ورک سامنے آئے ہیں جو جاوا اسکرپٹ کے سب سے اوپر بنائے گئے ہیں۔ یہ لائبریریوں اور فریم ورکوں کو جاوا اسکرپٹ کی قابلیت بڑھانے ، اس کے ساتھ بہت ساری چیزیں کرنے اور ڈویلپر کا کام آسان بنانے کے ل. تیار کیا گیا ہے۔
jQuery جاوا اسکرپٹ کی ایسی ہی ایک لائبریری ہے جو اس سے بنی ہے۔ یہ جاوا اسکرپٹ کا سب سے مشہور لائبریری ہے جس کی ایجاد جان ریزائن نے کی تھی اور جنوری 2006 کو بارکیمپ این وائی سی میں جاری کی گئی تھی۔ jQuery مفت ہے ، ایک اوپن سورس لائبریری ، جو MIT لائسنس کے تحت لائسنس یافتہ ہے۔ اس میں کراس براؤزر مطابقت کی ایک طاقتور خصوصیت ہے۔ یہ کراس براؤزر کے مسائل آسانی سے نمٹا سکتا ہے جن کا ہم جاوا اسکرپٹ کے ساتھ سامنا کرسکتے ہیں۔ اس طرح بہت سے ڈویلپرز کراس براؤزر کی مطابقت کے مسائل سے بچنے کے لئے jQuery کا استعمال کرتے ہیں۔
اب ہم اپنے جاوا اسکرپٹ بمقابلہ jQuery بلاگ کے ساتھ آگے بڑھتے ہیں اور دیکھیں کہ jQuery کیوں بنائی گئی تھی۔
jQuery کیوں تخلیق کیا جاتا ہے اور jQuery کی خصوصی صلاحیتیں کیا ہیں؟
جاوا اسکرپٹ میں ، ہمیں بنیادی کارروائیوں کے لئے بہت سارے کوڈ لکھنا پڑتے ہیں جبکہ jQuery کے ساتھ ایک ہی لائن کوڈ کی مدد سے بھی کیا جاسکتا ہے۔ لہذا ڈویلپرز کو جاوا اسکرپٹ کے مقابلے میں jQuery کے ساتھ کام کرنا زیادہ آسان لگتا ہے۔
- اگرچہ جاوا اسکرپٹ بنیادی زبان ہے جہاں سے jQuery تیار ہوئی ہے ، jQuery ایونٹ کو سنبھالنے ، DOM میں ہیرا پھیری کرتی ہے ، ایجیکس جاوا اسکرپٹ سے کہیں زیادہ آسان کہتے ہیں۔ jQuery بھی ہمارے ویب پیج پر متحرک اثرات شامل کرنے کی اجازت دیتا ہے جس میں جاوا اسکرپٹ کے ساتھ بہت درد اور کوڈ کی لائنیں لی جاتی ہیں۔
- jQuery کے ویب پیج پر آپریشن کرنے کیلئے ان بلٹ پلگ انز رکھتے ہیں۔ ہمیں صرف پلگ ان کو استعمال کرنے کے ل just اپنے ویب پیج میں شامل کرنا یا درآمد کرنا ہے۔ اس طرح پلگ ان ہمیں متحرک تصاویر اور تعاملات یا اثرات کی خلاصی پیدا کرنے کی اجازت دیتے ہیں۔
- ہم jQuery کے ساتھ اپنی مرضی کے مطابق پلگ ان بھی بنا سکتے ہیں۔ اگر ہمیں کسی ویب سائٹ پر کسی خاص طریقے سے حرکت پذیری کی ضرورت ہو تو ، ہم ضرورت کے مطابق پلگ ان تیار کرسکتے ہیں اور اسے اپنے ویب پیج پر استعمال کرسکتے ہیں۔
- jQuery کے پاس ایک اعلی سطحی UI ویجیٹ لائبریری بھی ہے۔ اس ویجیٹ لائبریری میں پلگ انز کی پوری حد موجود ہے جسے ہم اپنے ویب پیج پر درآمد کرسکتے ہیں اور اسے صارف دوست ویب صفحات بنانے کے لئے استعمال کرسکتے ہیں۔
آئیے فرق سمجھیں۔
جاوا اسکرپٹ بمقابلہ jQuery
| خصوصیات | جاوا اسکرپٹ | jQuery |
| وجود | جاوا اسکرپٹ ایک آزاد زبان ہے اور یہ خود ہی موجود ہوسکتی ہے۔ | jQuery ایک جاوا اسکرپٹ لائبریری ہے۔ جاوا اسکرپٹ نہ ہوتا تو اس کی ایجاد نہ ہوتی۔ jQuery اب بھی جاوا اسکرپٹ پر منحصر ہے کیونکہ اسے جاوا اسکرپٹ میں تبدیل کرنا پڑتا ہے جس میں جاوا اسکرپٹ میں ان بلٹ والے جاوا اسکرپٹ انجن کو اس کی ترجمانی اور اس کو چلانے کے ل. کیا جائے۔ |
| زبان | یہ اعلی سطح کی ترجمانی شدہ کلائنٹ سائڈ اسکرپٹنگ زبان ہے۔ یہ ECMA اسکرپٹ اور DOM کا ایک مجموعہ ہے (دستاویز آبجیکٹ ماڈل) | یہ ایک ہلکا پھلکا جاوا اسکرپٹ لائبریری ہے۔ اس میں صرف ڈوم ہے |
| کوڈنگ | جاوا اسکرپٹ کوڈ کی مزید لائنوں کا استعمال کرتا ہے کیونکہ ہمیں اپنا کوڈ لکھنا پڑتا ہے | jQuery اسی فعالیت کیلئے جاوا اسکرپٹ کے مقابلے میں کوڈ کی کم لائنوں کا استعمال کرتا ہے جیسا کہ کوڈ پہلے ہی اس کی لائبریری میں لکھا ہوا ہے ، ہمیں صرف لائبریری کو درآمد کرنا ہے اور اپنے کوڈ میں لائبریری کے متعلقہ فنکشن / طریقہ کار کو استعمال کرنا ہے۔ |
| استعمال | جاوا اسکرپٹ کوڈ ایک HTML صفحے میں اسکرپٹ ٹیگ کے اندر لکھا ہوا ہے | ہمیں jQuery کو CDN سے یا کسی ایسے مقام سے درآمد کرنے کی ضرورت ہے جہاں استعمال کرنے کے لئے jQuery لائبریری ڈاؤن لوڈ کی گئی ہو۔ jQuery کوڈ بھی HTML صفحے پر اسکرپٹ ٹیگ کے اندر لکھا ہوا ہے۔ |
| متحرک تصاویر | ہم جاوا اسکرپٹ میں کوڈ کی بہت سی لائنوں کے ساتھ متحرک تصاویر بنا سکتے ہیں۔ متحرک تصاویر بنیادی طور پر ایچ ٹی ایم ایل صفحے کے انداز میں ہیرا پھیری کرکے کی جاتی ہیں۔ | jQuery میں ، ہم کوڈ کی کم لائنوں کے ساتھ آسانی سے حرکت پذیری کے اثرات شامل کرسکتے ہیں۔ |
| صارف دوستی | جاوا اسکرپٹ ڈویلپر کے لئے بوجھل ہوسکتا ہے کیونکہ اس کی فعالیت کو حاصل کرنے میں کوڈ کی ایک بڑی تعداد لگ سکتی ہے | jQuery کوڈ کی کچھ لائنوں کے ساتھ جاوا اسکرپٹ سے زیادہ صارف دوست ہے |
| کراس براؤزر مطابقت | جاوا اسکرپٹ میں ، ہمیں اضافی کوڈ یا ایک عملی تجزیہ لکھ کر کراس براؤزر کی مطابقت کا سامنا کرنا پڑ سکتا ہے۔ | jQuery کراس براؤزر مطابقت رکھتا ہے. ہمیں اپنے کوڈ کو براؤزر سے ہم آہنگ کرنے کے لئے کسی بھی ورزش یا اضافی کوڈ کو لکھنے کی فکر کرنے کی ضرورت نہیں ہے۔ |
| کارکردگی | خالص جاوا اسکرپٹ jQuery کے مقابلے DOM کے انتخاب / ہیرا پھیری کے لئے تیز تر ہوسکتا ہے کیونکہ جاوا اسکرپٹ براہ راست براؤزر کے ذریعہ عمل میں آتا ہے۔ | براؤزر میں چلانے کیلئے jQuery کو جاوا اسکرپٹ میں تبدیل کرنا ہوگا۔ |
| واقعہ سے نمٹنے ، انٹرایکٹیویٹی ، اور ایجیکس کالیں | یہ سب جاوا اسکرپٹ میں کیا جاسکتا ہے لیکن ہمیں کوڈ کی بہت سی لائنیں لکھنا پڑسکتی ہیں۔ | یہ سب کوڈ کی کم لائنوں کے ساتھ jQuery کے ساتھ آسانی سے ہوسکتے ہیں۔ jQuery میں انٹرایکٹیویٹی ، متحرک تصاویر شامل کرنا اور ایجیکس کال کرنا بھی آسان ہے کیونکہ لائبریری میں پہلے سے ہی کام کی وضاحت کی گئی ہے۔ ہم صرف انہی افعال کو اپنے کوڈ میں ضروری جگہوں پر استعمال کرتے ہیں۔ |
| فعل | جاوا اسکرپٹ فعل ہے کیونکہ کسی کو فعالیت کے ل code کوڈ کی بہت سی لائنیں لکھنا پڑتی ہیں | jQuery جامع ہے اور کوڈ کی کم لائنوں کا استعمال کرتا ہے ، بعض اوقات کوڈ کی صرف ایک لائن ہوتی ہے۔ |
| سائز اور وزن | زبان ہونے کی وجہ سے ، یہ jQuery سے بھاری ہے | لائبریری ہونے کی وجہ سے ، یہ ہلکا پھلکا ہے۔ اس کے کوڈ کا ایک چھوٹا ورژن ہے جو اسے ہلکا پھلکا بنا دیتا ہے۔ |
| دوبارہ پریوستیت اور دیکھ بھال | جاوا اسکرپٹ کوڈ فعل ہوسکتا ہے لہذا برقرار رکھنے اور دوبارہ استعمال کرنا مشکل ہوسکتا ہے۔ | کوڈ کی کم لائنوں کے ساتھ ، jQuery زیادہ برقرار ہے کیونکہ ہمیں صرف اپنے کوڈ میں jQuery لائبریری میں پیش وضاحتی افعال کو کال کرنا ہے۔ اس سے ہمیں کوڈ میں مختلف مقامات پر jQuery کے افعال کو آسانی سے دوبارہ استعمال کرنے میں بھی مدد ملتی ہے۔ |
جاوا اسکرپٹ اور jQuery میں فرق کے ساتھ مثال کے ساتھ آگے بڑھ رہے ہیں۔
جاوا اسکرپٹ بمقابلہ jQuery مثال کے ساتھ
کی مثال ملاحظہ کرنے دو۔
ہماری HTML دستاویز میں جاوا اسکرپٹ اور jQuery شامل کرنا
جاوا اسکرپٹ کو ٹیگ کے اندر HTML دستاویز میں براہ راست شامل کیا جاتا ہے یا کسی بیرونی جاوا اسکرپٹ فائل کو ایس سی آر وصف کے ذریعہ کسی HTML دستاویز میں شامل کیا جاسکتا ہے۔
اسکرپٹ ٹیگ کے اندر براہ راست لکھا ہوا:
انتباہ ('اس انتباہی باکس کو اوورلوڈ پروگرام کے ساتھ طلب کیا گیا تھا')jQuery استعمال کرنے کے ل we ہم فائل کو اس کی ویب سائٹ سے ڈاؤن لوڈ کرتے ہیں اور SCRT ٹیگ کے src وصف میں ڈاؤن لوڈ شدہ jQuery فائل کا راستہ حوالہ دیتے ہیں یا ہم اسے CDN (مواد کی ترسیل کے نیٹ ورک) سے براہ راست حاصل کرسکتے ہیں۔
CDN استعمال کرنا :
آئیے DOM Traversal اور ہیرا پھیری کو سمجھیں
DOM Traversal اور ہیرا پھیری
جاوا اسکرپٹ میں:
ہم جاوا اسکرپٹ میں DOM عنصر کو منتخب کرسکتے ہیں۔ document.getElementById () طریقہ کار کا استعمال کرتے ہوئے یا دستاویز.کوئری سلیکٹر () طریقہ استعمال کرکے۔
var mydiv = دستاویز.کوئری سلیکٹر ('# Div1')یا
document.getElementById ('# Div1')jQuery میں:
یہاں ، ہمیں بریکٹ میں سلیکٹر کے ساتھ صرف $ علامت استعمال کرنا ہوگی۔
$ (سلیکٹر) $ ('# Div1') - سلیکٹر ایک id ہے 'div1' $ ('. Div1') - سلیکٹر ایک کلاس ہے 'Div1' $ ('p') - سلیکٹر پیراگراف میں ہے HTML صفحہمذکورہ بیان میں ، $ ایک علامت ہے جو jQuery تک رسائی کے لئے استعمال ہوتا ہے ، سلیکٹر ایک HTML عنصر ہوتا ہے۔
جاوا اسکرپٹ میں شیلیوں کو شامل کرنا:
document.getElementById ('myDiv'). style.backgroundColor = '# FFF'jQuery میں شیلیوں کو شامل کرنا:
$ ('# myDiv'). سی ایس ایس ('پس منظر کا رنگ' ، '# ایف ایف ایف')#myDiv سلیکٹر سے مراد 'myDiv' شناخت کنندہ ہے
جاوا اسکرپٹ کے مقابلے میں jQuery میں DOM عنصر کا انتخاب اور ہیرا پھیری بہت زیادہ جامع ہے۔
ایونٹ ہینڈلنگ کے ساتھ آگے بڑھ رہے ہیں۔
واقعہ ہینڈلنگ
جاوا اسکرپٹ میں ، ہم ایک HTML عنصر منتخب کرتے ہیں۔
document.getElementById ('# button1'). addEventListener ('پر کلک کریں' ، myCallback) فنکشن myCallback () {کنسول ('MyCallback فنکشن کے اندر')}یہاں getElementById () کا طریقہ استعمال کرکے کسی عنصر کو اس کی شناخت کے ذریعہ منتخب کیا جاتا ہے ، پھر ہم ایونٹ کے سامعین کو ایونٹ میں شامل کرنے کے لئے addEventListener () کا طریقہ استعمال کرتے ہیں۔ اس مثال میں ، ہم مائک کال بیک فنکشن کو بطور سامعین ’پر کلک کریں‘ ایونٹ میں شامل کرتے ہیں۔
ہم مذکورہ مثال میں ایک گمنام فنکشن بھی استعمال کرسکتے ہیں۔
document.getElementById ('# button1'). addEventListener ('پر کلک کریں' ، فنکشن () so console.log ('فنکشن کے اندر')))ایونٹ لیسٹنر کو ایونٹ لیسٹنر () طریقہ استعمال کرکے ہٹایا جاسکتا ہے
دستاویز.بیٹ ایلیمنٹ بائ آئڈ ('# بٹن 1')۔ ہٹائیں ایونٹ لسٹنر ('کلک کریں' ، مائی کال بیک)
jQuery میں
jQuery نے تقریبا تمام DOM کے اعمال کے لئے وضاحتی واقعات بیان کیے ہیں۔ ہم کسی عمل کے ل the مخصوص jQuery ایونٹ کا استعمال کرسکتے ہیں۔
$ ('p') پر کلک کریں (فنکشن () {// کلک عمل})دوسری مثالیں یہ ہیں:
“(' # بٹن 1 '). dblclick (فنکشن () {// ایچ ٹی ایم ایل عنصر پر ڈبل کلک ایونٹ کیلئے آئی ڈی‘ بٹن 1 ’کے ساتھ کارروائی}JQuery ‘on’ طریقہ DOM عنصر میں ایک یا زیادہ واقعات کو شامل کرنے کے لئے استعمال ہوتا ہے۔
$ ('# بٹن 1'). پر ('کلک کریں' ، فنکشن () {// یہاں کارروائی})ہم متعدد واقعات اور متعدد ایونٹ ہینڈلرز کو طریقہ کار کے ساتھ شامل کرسکتے ہیں۔
“(' بٹن 1 '). پر ({کلک کریں: فنکشن () {// کارروائی یہاں} ، dblclick: تقریب () {// عمل یہاں}})دو یا زیادہ واقعات میں ایک ہی ہینڈلر کی طرح ہوسکتا ہے:
$ ('# بٹن 1') پر۔ ('dblclick پر کلک کریں' ، فنکشن () {// یہاں کارروائی})اس طرح ہم دیکھتے ہیں کہ کم اور جامع کوڈ کے ساتھ ، ایونٹ کی ہینڈلنگ جاوا اسکرپٹ کی نسبت jQuery میں آسان ہے۔
ایجیکس کالز کے ساتھ آگے بڑھ رہے ہیں۔
ایجیکس کال
جاوا اسکرپٹ میں
جاوا اسکرپٹ نے سرور کو ایجیکس درخواست بھیجنے کے لئے XMLHttpRequest آبجیکٹ کا استعمال کیا۔ ایجیکس کال کرنے کے لئے XMLHttpRequest میں متعدد طریقے ہیں۔ دو عام طریقے کھلے ہوئے ہیں (طریقہ ، URL ، async ، صارف ، PSW) ، بھیجیں () اور بھیجیں (تار)۔
آئیے پہلے ایک XMLHttpRequest بنائیں:
var xhttp = new XMLHttpRequest () پھر کھلے طریقہ پر کال کرنے کے لئے اس شے کا استعمال کریں: xhttp.open ('GET'، 'D: //getinfo.txt'، true) xhttp.send ()کھلا طریقہ سرور / مقام پر حاصل کرنے کی درخواست کرتا ہے ، یہ سچ بتاتا ہے کہ درخواست متضاد ہے۔ اگر قیمت غلط ہے تو ، اس کا مطلب یہ ہے کہ درخواست مطابقت پذیر ہے۔
پوسٹ کی درخواست کرنا:
var xhttp = new XMLHttpRequest () پھر کھلے طریقہ پر کال کرنے اور پوسٹ کی درخواست کرنے کے ل this اس شے کا استعمال کریں: xhttp.open ('POST'، 'D: //postinfo.txt'، true) xhttp.send ()درخواست کے ساتھ ڈیٹا پوسٹ کرنے کے ل we ، ہم بھیجے جانے والے کوائف کی وضاحت کے لئے xhttp کا setRequestHeader طریقہ استعمال کرتے ہیں اور بھیجنے کا طریقہ کلید / قدر کے جوڑے میں ڈیٹا بھیجتا ہے۔
xhttp.setRequestHeader ('مواد کی قسم' ، 'درخواست / x-www-form-urlencoded') xhttp.send ('نام = روی اور کنیت = کمار')jQuery میں
جاوا اور کلاس کے مابین فرق
jQuery کے ایجیکس کال کرنے کے لئے بہت سے انبیلٹ طریقے ہیں۔ ان طریقوں سے ہم سرور سے کسی بھی ڈیٹا کو کال کرسکتے ہیں اور ڈیٹا کے ساتھ ویب پیج کا ایک حصہ اپ ڈیٹ کرسکتے ہیں۔ jQuery کے طریقے ایجیکس کال کو آسان بناتے ہیں۔
jQuery بوجھ () طریقہ: یہ طریقہ کار URL سے ڈیٹا لاتا ہے اور ڈیٹا کو کسی HTML سلیکٹر پر لادتا ہے۔
$ ('p'). لوڈ (یو آر ایل ، ڈیٹا ، کال بیک)
یو آر ایل وہ مقام ہے جس کو ڈیٹا کے لئے کہا جاتا ہے ، اختیاری ڈیٹا پیرامیٹر وہ ڈیٹا ہوتا ہے (کلید / قدر کے جوڑے) جسے ہم کال کے ساتھ بھیجنا چاہتے ہیں اور اختیاری پیرامیٹر 'کال بیک' وہ طریقہ ہے جسے ہم بوجھ کے بعد پھانسی دینا چاہتے ہیں۔ مکمل ہو گیا ہے.
jQuery $ .get () اور $ .Post () طریقہ: یہ طریقہ کار URL سے ڈیٹا لاتا ہے اور ڈیٹا کو کسی HTML سلیکٹر پر لادتا ہے۔
get .get (یو آر ایل ، کال بیک)
یو آر ایل وہ مقام ہے جس کو ڈیٹا کے لئے بلایا جاتا ہے اور کال بیک وہ طریقہ ہے جسے ہم بوجھ مکمل ہونے کے بعد انجام دینا چاہتے ہیں۔
p. پوسٹ (URL ، ڈیٹا ، کال بیک)
یو آر ایل وہ مقام ہے جس کو ڈیٹا کے ل. کہا جاتا ہے ، ڈیٹا وہ کلید / قدر کی جوڑی ہے جس کو ہم کال کے ساتھ بھیجنا چاہتے ہیں اور کال بیک بیک طریقہ ہے جس کو ہم بوجھ مکمل ہونے کے بعد پھانسی دینا چاہتے ہیں۔ یہاں ڈیٹا اور کال بیک پیرامیٹرز اختیاری ہیں۔
jQuery ایجیکس کالیں جاوا اسکرپٹ کے مقابلے میں زیادہ جامع ہیں۔ جاوا اسکرپٹ میں ، ہم ایک XMLHTTPRequest آبجیکٹ استعمال کررہے ہیں ، jQuery میں ہمیں ایسی چیز استعمال کرنے کی ضرورت نہیں ہے۔
حرکت پذیری کے ساتھ آگے بڑھ رہے ہیں۔
حرکت پذیری
جاوا اسکرپٹ میں
جاوا اسکرپٹ میں jQuery متحرک () فنکشن جیسے مخصوص حرکت پذیری کا فنکشن نہیں ہے۔ جاوا اسکرپٹ میں حرکت پذیری کا اثر بنیادی طور پر عنصر کے انداز میں ہیرا پھیری کے ذریعہ یا سی ایس ایس ٹرانسفارم ، ٹرانسلیٹ یا املاک خصوصیات کو متحرک کرکے حاصل کیا جاتا ہے۔ جاوا اسکرپٹ بھی حرکت پذیری کے اثرات کے لئے سیٹ انٹرالول () ، کلیئر انٹیروال () ، سیٹ ٹائم آؤٹ () اور کلیئر ٹائم آؤٹ () طریقوں کا استعمال کرتا ہے۔
setInterval (myAnimation، 4) فنکشن myAnimation () {document.getElementById ('# Div1'). 20 ڈگ) '}جاوا اسکرپٹ میں حرکت پذیری بنیادی طور پر سی ایس ایس کی خصوصیات میں ہیرا پھیری کے بارے میں ہے۔
jQuery میں
jQuery کے HTML عناصر پر متحرک تصاویر یا اثرات شامل کرنے کے لئے بہت سے ان بلٹ طریقے ہیں۔ آئیے ان میں سے کچھ کو چیک کریں۔
متحرک () طریقہ: یہ طریقہ عنصر پر حرکت پذیری شامل کرنے کے لئے استعمال ہوتا ہے۔
('# بٹن 1') پر کلک کریں (فنکشن () {$ ('# Div1'). انیمیٹ ({اونچائی: '300px'})})شو () طریقہ: یہ طریقہ کسی عنصر کو پوشیدہ حالت سے ظاہر کرنے کے لئے استعمال کیا جاتا ہے۔
$ ('# بٹن 1') پر کلک کریں (فنکشن () {$ ('# Div1')۔ شو ()})چھپائیں () طریقہ: یہ طریقہ کسی عنصر کو مرئی حالت سے چھپانے کے لئے استعمال ہوتا ہے۔
$ ('# بٹن 1') پر کلک کریں (فنکشن () {$ ('# Div1'). چھپائیں ()})ویب کے صفحے میں حرکت پذیری اور اثرات پیدا کرنے کے لئے jQuery کے اپنے طریقے ہیں۔
خلاصہ یہ کہ جاوا اسکرپٹ ویب کی ترقی کے لئے ایک زبان ہے ، jQuery ایک لائبریری ہے جو جاوا اسکرپٹ سے شروع ہوئی ہے۔ جاوا اسکرپٹ اور jQuery کی ویب ڈویلپمنٹ میں اپنی ایک اہمیت ہے۔
اب جب آپ جاوا اسکرپٹ لوپس کے بارے میں جانتے ہیں تو ، چیک کریں بذریعہ ایڈوریکا۔ ویب ڈویلپمنٹ سرٹیفیکیشن ٹریننگ آپ کو HTML5 ، CSS3 ، ٹویٹر بوٹسٹریپ 3 ، jQuery اور گوگل API کا استعمال کرتے ہوئے متاثر کن ویب سائٹ بنانے کا طریقہ سیکھنے میں مدد دے گی اور اسے ایمیزون سادہ اسٹوریج سروس (S3) میں تعینات کرے گی۔
ہمارے لئے ایک سوال ہے؟ براہ کرم 'جاوا اسکرپٹ بمقابلہ jQuery' کے تبصرے سیکشن میں اس کا تذکرہ کریں اور ہم آپ کو واپس ملیں گے۔