জাভাস্ক্রিপ্ট বনাম jQuery: আপনার জানা দরকার এমন মূল পার্থক্য



এই জাভাস্ক্রিপ্ট বনাম jQuery এ, আমরা খুঁজে বের করব যা অন্যটির চেয়ে ভাল। উভয়ই শক্তিশালী এবং একই উদ্দেশ্যে ওয়েব বিকাশে ব্যবহৃত হয়।

আমরা বেশ কয়েক বছর ধরে জাভাস্ক্রিপ্ট এবং জ্যাকুয়ারি জানি। জাভাস্ক্রিপ্ট jQuery এর চেয়ে আগে উদ্ভাবিত হয়েছিল। উভয়ই শক্তিশালী এবং ওয়েব বিকাশে ব্যবহৃত হয় এবং একই উদ্দেশ্যে অর্থাত্ ওয়েব পৃষ্ঠাটি ইন্টারেক্টিভ এবং গতিশীল করার জন্য ব্যবহৃত হয়। অন্য কথায়, তারা ওয়েব পৃষ্ঠাগুলিতে প্রাণ নিয়ে আসে। লোকেরা ভাবতে পারে যে এগুলি যদি একই উদ্দেশ্যে ব্যবহৃত হয় তবে এই দুটি পৃথক ধারণা কেন? এই জাভাস্ক্রিপ্ট বনাম jQuery নিবন্ধে, আমরা নিম্নলিখিত সিকোয়েন্সগুলির মধ্যে অন্যটির চেয়ে ভাল যা খুঁজে বের করব:

জাভাস্ক্রিপ্ট: ওয়েব বিকাশের একটি শক্তিশালী ভাষা

জাভাস্ক্রিপ্ট একটি স্ক্রিপ্টিং ভাষা যা আমাদের ওয়েব পৃষ্ঠাগুলিতে ইন্টারঅ্যাক্টিভিটি যুক্ত করতে ব্যবহৃত হয়। এটি HTML এবং CSS এর পাশাপাশি তিনটি মূল প্রযুক্তির মধ্যে একটি যা ওয়েব পৃষ্ঠাগুলি তৈরি করতে ব্যবহৃত হয়। এইচটিএমএল এবং সিএসএস ওয়েব পৃষ্ঠাগুলির গঠন এবং ওয়েব পৃষ্ঠাগুলির চেহারা / স্টাইলিং সংজ্ঞায়িত করার সময়, জাভাস্ক্রিপ্টটি ওয়েব পৃষ্ঠাটিকে গতিশীল করতে ব্যবহৃত হয়েছে যা জাভাস্ক্রিপ্টের সাহায্যে আমরা মাউস ক্লিকের জন্য কিছু কোড যুক্ত করতে পারি, মাউস ও অন্যান্য ওয়েব পৃষ্ঠায় ইভেন্ট এবং আরও অনেক কিছু।





জাভাস্ক্রিপ্ট- জাভাস্ক্রিপ্ট বনাম jquery - এডুরেকা

জাভাস্ক্রিপ্ট সমস্ত ওয়েব ব্রাউজার দ্বারা সমর্থিত এবং জাভাস্ক্রিপ্ট কোড সনাক্ত করতে এবং এটিতে কাজ করার জন্য ওয়েব ব্রাউজারগুলির একটি অন্তর্নির্মিত জাভাস্ক্রিপ্ট ইঞ্জিন রয়েছে। সুতরাং, জাভাস্ক্রিপ্ট মূলত একটি ক্লায়েন্ট-পাশের ভাষা। এটি এমন একটি ভাষা যা পদ্ধতিগত ভাষা হিসাবে ব্যবহার করা যেতে পারে পাশাপাশি প্রোটোটাইপ-ভিত্তিক অবজেক্ট-ভিত্তিক ভাষাও। যখন আমরা প্রাথমিক জাভাস্ক্রিপ্ট ব্যবহার করি তখন আমরা প্রক্রিয়াগত ভাষা নিয়ে কাজ করি যখন উন্নত জাভাস্ক্রিপ্ট বস্তু-ভিত্তিক ধারণা ব্যবহার করে।



আসুন আমাদের জাভাস্ক্রিপ্ট বনাম jQuery নিয়ে এগিয়ে চলুন এবং জাভাস্ক্রিপ্ট থেকে বিকাশকৃত গ্রন্থাগারটি বুঝতে পারি।

jQuery: জাভাস্ক্রিপ্ট থেকে তৈরি একটি লাইব্রেরি

কয়েক বছর ধরে জাভাস্ক্রিপ্ট ওয়েব বিকাশের জন্য একটি শক্তিশালী ভাষা হিসাবে পরিণত হয়েছে। অনেকগুলি লাইব্রেরি এবং ফ্রেমওয়ার্ক রয়েছে যা জাভাস্ক্রিপ্টের উপরে নির্মিত হয়েছে। এই গ্রন্থাগারগুলি এবং ফ্রেমওয়ার্কগুলি জাভাস্ক্রিপ্টের সক্ষমতা বাড়ানোর জন্য, এটির সাথে অনেক কিছু করার এবং বিকাশকারীর কাজ আরও সহজ করার জন্য বিকাশিত।



jQuery হ'ল এটি থেকে তৈরি করা জাভাস্ক্রিপ্টের একটি লাইব্রেরি। এটি জন রেজিস্ট্যান্ট দ্বারা উদ্ভাবিত সর্বাধিক জনপ্রিয় জাভাস্ক্রিপ্ট লাইব্রেরি এবং ২০০C সালের জানুয়ারিতে বারক্যাম্প এনওয়াইসি তে প্রকাশিত হয়েছিল। jQuery বিনামূল্যে, একটি ওপেন-সোর্স লাইব্রেরি, এমআইটি লাইসেন্সের আওতায় লাইসেন্সযুক্ত। এটিতে ক্রস ব্রাউজার সামঞ্জস্যের একটি শক্তিশালী বৈশিষ্ট্য রয়েছে। এটি জাভাস্ক্রিপ্টের সাহায্যে ক্রস ব্রাউজার সমস্যাগুলি সহজেই পরিচালনা করতে পারে। সুতরাং অনেক বিকাশকারী ক্রস ব্রাউজারের সামঞ্জস্যতা সমস্যাগুলি এড়াতে jQuery ব্যবহার করে।

এখন আসুন আমাদের জাভাস্ক্রিপ্ট বনাম jQuery ব্লগটি নিয়ে এগিয়ে যাওয়া যাক এবং কেন jQuery তৈরি করা হয়েছিল তা দেখুন।

কেন jQuery তৈরি করা হয়েছে এবং jQuery এর বিশেষ ক্ষমতাগুলি কী কী?

জাভাস্ক্রিপ্টে, বেসিক অপারেশনের জন্য আমাদের প্রচুর কোড লিখতে হবে যখন jQuery এর সাথে একই ক্রিয়াকলাপগুলি কোডের একক লাইন দিয়ে করা যেতে পারে। সুতরাং বিকাশকারীরা জাভাস্ক্রিপ্টের চেয়ে jQuery নিয়ে কাজ করা সহজ বলে মনে করেন।

  • যদিও জাভাস্ক্রিপ্ট মূল ভাষা যা থেকে jQuery বিবর্তিত হয়েছে, jQuery ইভেন্ট হ্যান্ডলিং করে, DOM হেরফের করে তোলে, অ্যাজাক্স জাভাস্ক্রিপ্টের চেয়ে অনেক সহজ কল করে। jQuery এছাড়াও আমাদের ওয়েব পৃষ্ঠায় অ্যানিমেটেড প্রভাব যুক্ত করতে দেয় যা জাভাস্ক্রিপ্ট সহ প্রচুর ব্যথা এবং কোডের লাইন নেয় takes
  • ওয়েব পেজে কোনও ক্রিয়াকলাপ সম্পাদনের জন্য jQuery এর অন্তর্নির্মিত প্লাগইন রয়েছে। এটি ব্যবহার করার জন্য আমাদের কেবল আমাদের ওয়েবপৃষ্ঠায় প্লাগইন অন্তর্ভুক্ত বা আমদানি করতে হবে। এইভাবে প্লাগইন আমাদের অ্যানিমেশন এবং মিথস্ক্রিয়া বা প্রভাবগুলির বিমূর্ততা তৈরি করতে দেয়।
  • আমরা jQuery দিয়ে আমাদের কাস্টম প্লাগইন তৈরি করতে পারি। আমাদের যদি কোনও নির্দিষ্ট উপায়ে কোনও ওয়েব পৃষ্ঠায় কাজ করার জন্য অ্যানিমেশন প্রয়োজন হয় তবে আমরা প্রয়োজনীয়তা অনুসারে একটি প্লাগইন বিকাশ করতে পারি এবং এটি আমাদের ওয়েব পৃষ্ঠায় ব্যবহার করতে পারি।
  • jQuery এর একটি উচ্চ-স্তরের ইউআই উইজেট লাইব্রেরি রয়েছে। এই উইজেট লাইব্রেরিতে একটি সম্পূর্ণ প্লাগইন রয়েছে যা আমরা আমাদের ওয়েবপৃষ্ঠায় আমদানি করতে পারি এবং এটি ব্যবহারকারী-বান্ধব ওয়েব পৃষ্ঠাগুলি তৈরি করতে ব্যবহার করতে পারি।

আসুন পার্থক্যটি বুঝতে পারি।

জাভাস্ক্রিপ্ট বনাম jQuery

বৈশিষ্ট্যজাভাস্ক্রিপ্টjQuery
অস্তিত্বজাভাস্ক্রিপ্ট একটি স্বতন্ত্র ভাষা এবং এটি নিজে থেকেই থাকতে পারে।jQuery একটি জাভাস্ক্রিপ্ট লাইব্রেরি। জাভাস্ক্রিপ্ট না থাকলে এটি আবিষ্কার করা হত না। jQuery এখনও জাভাস্ক্রিপ্টের উপর নির্ভরশীল কারণ এটি ব্রাউজারটি অন্তর্নির্মিত জাভাস্ক্রিপ্ট ইঞ্জিনটিকে ব্যাখ্যা করতে এবং এটি চালনার জন্য জাভাস্ক্রিপ্টে রূপান্তর করতে হবে।
ভাষাএটি একটি উচ্চ-স্তরের অনুবাদিত ক্লায়েন্ট-সাইড স্ক্রিপ্টিং ভাষা। এটি ইসিএমএ স্ক্রিপ্ট এবং ডিওএম (ডকুমেন্ট অবজেক্ট মডেল) এর সংমিশ্রণএটি একটি হালকা ওজনের জাভাস্ক্রিপ্ট লাইব্রেরি। এটিতে কেবল ডিওএম রয়েছে
কোডিংজাভাস্ক্রিপ্ট কোডের আরও লাইন ব্যবহার করে কারণ আমাদের নিজস্ব কোড লিখতে হবেjQuery জাভা স্ক্রিপ্টের তুলনায় কোডটির কম লাইন ব্যবহার করে একই ক্রিয়াকলাপের জন্য কোডটি ইতিমধ্যে তার লাইব্রেরিতে লেখা রয়েছে, আমাদের কেবল গ্রন্থাগারটি আমদানি করতে হবে এবং আমাদের কোডটিতে লাইব্রেরির প্রাসঙ্গিক ফাংশন / পদ্ধতি ব্যবহার করতে হবে।
ব্যবহারএকটি HTML পৃষ্ঠায় স্ক্রিপ্ট ট্যাগের ভিতরে জাভাস্ক্রিপ্ট কোড লেখা আছে
আমাদের সিডএন বা jQuery লাইব্রেরিটি ডাউনলোড করার জন্য এমন কোনও জায়গা থেকে jQueryটি আমদানি করতে হবে use এইচটিএমএল পৃষ্ঠায় স্ক্রিপ্ট ট্যাগের ভিতরেও jQuery কোড লেখা থাকে।
অ্যানিমেশনআমরা জাভাস্ক্রিপ্টে অনেক লাইনের কোড সহ অ্যানিমেশনগুলি তৈরি করতে পারি। অ্যানিমেশনগুলি মূলত একটি এইচটিএমএল পৃষ্ঠার স্টাইলকে ম্যানিপুলেট করেই করা হয়।JQuery এ, আমরা কোডের কম লাইনের সাহায্যে অ্যানিমেশন প্রভাবগুলি সহজেই যুক্ত করতে পারি।
ব্যবহারকারী বন্ধুভাবাপন্নতাজাভাস্ক্রিপ্ট বিকাশকারীদের জন্য জটিল হতে পারে কারণ এটি কার্যকারিতা অর্জনে কোডের অনেকগুলি লাইন নিতে পারেকোডের কয়েকটি লাইনের সাথে জাভাস্ক্রিপ্টের চেয়ে jQuery বেশি ব্যবহারকারী-বান্ধব
ক্রস ব্রাউজার সামঞ্জস্যজাভাস্ক্রিপ্টে অতিরিক্ত কোড বা ওয়ার্কআউন্ড লিখে আমাদের ক্রস-ব্রাউজারের সামঞ্জস্যতার সাথে ডিল করতে হতে পারে।jQuery ক্রস ব্রাউজার সামঞ্জস্যপূর্ণ। আমাদের কোডটিকে একটি ব্রাউজারের সাথে সামঞ্জস্য করতে কোনও workaround বা অতিরিক্ত কোড লেখার বিষয়ে আমাদের চিন্তা করার দরকার নেই।
কর্মক্ষমতাখাঁটি জাভাস্ক্রিপ্ট ডিওএম নির্বাচন / ম্যানিপুলেশনের জন্য jQuery এর চেয়ে দ্রুততর হতে পারে কারণ জাভাস্ক্রিপ্ট সরাসরি ব্রাউজার দ্বারা প্রক্রিয়া করা হয়।ব্রাউজারে চালিত করার জন্য jQueryটিকে জাভাস্ক্রিপ্টে রূপান্তর করতে হবে।
ইভেন্ট হ্যান্ডলিং, ইন্টারঅ্যাক্টিভিটি এবং অ্যাজাক্স কলএগুলি সব জাভাস্ক্রিপ্টে করা যেতে পারে তবে আমাদের কোডের অনেকগুলি লাইন লিখতে হতে পারে।এগুলি কোডের কম লাইনের সাথে jQuery দিয়ে সহজেই করা যায়। লাইব্রেরিতে ফাংশনগুলি পূর্বনির্ধারিত রয়েছে বলে jQuery তে ইন্টারঅ্যাকটিভিটি, অ্যানিমেশনগুলি এবং এজাক্স কল করা আরও সহজ। আমরা কেবল আমাদের কোডগুলিতে প্রয়োজনীয় স্থানে সেগুলি ব্যবহার করি।
ভার্বোসিটিজাভাস্ক্রিপ্ট হ'ল ভারবোজ, কারণ কার্যকারিতার জন্য কোডের অনেকগুলি লাইন লিখতে হয়jQuery সংক্ষিপ্ত এবং কোডের কম লাইন ব্যবহার করে, কখনও কখনও কোডের কেবল একটি লাইন।
আকার এবং ওজনভাষা হওয়ায় এটি jQuery এর চেয়ে ভারীগ্রন্থাগার হওয়ায় এটি হালকা ওজনের। এটির কোডটির একটি সংক্ষিপ্ত সংস্করণ রয়েছে যা এটিকে হালকা ওজনে পরিণত করে।
পুনরায় ব্যবহারযোগ্যতা এবং রক্ষণাবেক্ষণজাভাস্ক্রিপ্ট কোড ভার্বোজ হতে পারে এবং তাই বজায় রাখা এবং পুনরায় ব্যবহার করা কঠিন হতে পারে।কোডের কম লাইনগুলির সাথে, jQuery আরও রক্ষণাবেক্ষণযোগ্য কারণ আমাদের কোডটিতে jQuery লাইব্রেরিতে কেবলমাত্র পূর্বনির্ধারিত ফাংশনগুলি কল করতে হবে। এটি আমাদের কোডের বিভিন্ন জায়গায় jQuery ফাংশনগুলি সহজেই পুনরায় ব্যবহার করতে সক্ষম করে।

জাভাস্ক্রিপ্ট এবং উদাহরণ সহ jQuery এর মধ্যে পার্থক্য নিয়ে এগিয়ে চলেছে।

জাভাস্ক্রিপ্ট বনাম jQuery উদাহরণ সহ

উদাহরণগুলি সন্ধান করা যাক।

আমাদের এইচটিএমএল ডকুমেন্টে জাভাস্ক্রিপ্ট এবং jQuery যুক্ত করা হচ্ছে

জাভাস্ক্রিপ্ট সরাসরি ট্যাগের মধ্যে এইচটিএমএল ডকুমেন্টে যুক্ত করা হয় বা এসআরসি বৈশিষ্ট্যটি ব্যবহার করে কোনও HTML ডকুমেন্টে একটি বাহ্যিক জাভাস্ক্রিপ্ট ফাইল যুক্ত করা যেতে পারে।
স্ক্রিপ্ট ট্যাগের ভিতরে সরাসরি লিখিত:

সতর্কতা ('এই সতর্কতা বাক্সটি লোড ইভেন্টের সাথে ডাকা হয়েছিল')

JQuery ব্যবহার করার জন্য আমরা ফাইলটি তার ওয়েবসাইট থেকে ডাউনলোড করি এবং এসসিআরটিটি ট্যাগের এসসিআরটি বৈশিষ্ট্যে ডাউনলোড করা জিকুয়েরি ফাইলটির পথ উল্লেখ করি বা আমরা এটি সরাসরি সিডিএন (বিষয়বস্তু বিতরণ নেটওয়ার্ক) থেকে পেতে পারি।

 

সিডিএন ব্যবহার করে :

 

আসুন DOM ট্র্যাভারসাল এবং ম্যানিপুলেশন বুঝতে পারি

ডিওএম ট্র্যাভারসাল এবং ম্যানিপুলেশন

জাভাস্ক্রিপ্টে:

ডকুমেন্ট.জেটএলমেন্টবাইআইডি () পদ্ধতিটি ব্যবহার করে অথবা ডকুমেন্ট.কুইয়ারসিলেক্টর () পদ্ধতি ব্যবহার করে আমরা জাভাস্ক্রিপ্টে একটি ডিওএম উপাদান নির্বাচন করতে পারি।

var mydiv = ডকুমেন্ট.কোয়ারী নির্বাচনকারী ('# ডিভ 1')

বা

document.getElementById ('# ডিভ 1')

JQuery এ:

এখানে, আমাদের কেবল বন্ধকীতে নির্বাচকের সাথে $ চিহ্ন ব্যবহার করতে হবে।

$ (নির্বাচক) $ ('# Div1') - নির্বাচক একটি আইডি 'Div1' $ ('। Div1') - নির্বাচক একটি শ্রেণি 'div1' is ('পি') - নির্বাচকটি অনুচ্ছেদে অনুচ্ছেদ এইচটিএমএল পৃষ্ঠা

উপরের বিবৃতিতে, $ একটি সাইন যা jQuery অ্যাক্সেস করতে ব্যবহৃত হয়, নির্বাচক একটি HTML উপাদান HTML

জাভাস্ক্রিপ্টে শৈলী যুক্ত করা:

document.getElementById ('myDiv')। স্টাইল.ব্যাকগ্রাউন্ড কালার = '# এফএফএফ'

JQuery এ শৈলী যুক্ত করা:

$ ('# মাইডিভ')। সিএসএস ('ব্যাকগ্রাউন্ড-কালার', '# এফএফএফ')

# মাইডিভ নির্বাচক ‘মাইডিভ’ সনাক্তকারীকে বোঝায়

জাভাস্ক্রিপ্টের চেয়ে ডিওএম উপাদান নির্বাচন এবং ম্যানিপুলেশন jQuery এ অনেক বেশি সংক্ষিপ্ত।

ইভেন্ট হ্যান্ডলিং সহ এগিয়ে চলছে।

ইভেন্ট হ্যান্ডলিং

জাভাস্ক্রিপ্টে, আমরা একটি HTML উপাদান নির্বাচন করি:

document.getElementById ('# বাটন 1')। addEventListener ('ক্লিক করুন', myCallback) ফাংশন myCallback () {কনসোল ('myCallback ফাংশনের ভিতরে') inside

এখানে getElementById () পদ্ধতিটি তার আইডি দ্বারা কোনও উপাদান নির্বাচন করতে ব্যবহৃত হয়, তারপরে আমরা ইভেন্টের শ্রোতাদের যুক্ত করতে addEventListener () পদ্ধতিটি ব্যবহার করি। এই উদাহরণে, আমরা ‘ক্লিক করুন’ ইভেন্টের শ্রোতা হিসাবে আমার ক্যালব্যাক ফাংশনটি যুক্ত করি।

আমরা উপরোক্ত উদাহরণে একটি বেনাম ফাংশনও ব্যবহার করতে পারি:

document.getElementById ('# বাটন 1')। addEventListener ('ক্লিক করুন', ফাংশন () so কনসোল.লগ ('ফাংশনের অভ্যন্তরে')})

ইভেন্টলাইস্টেনার অপসারণের তালিকাভুক্তকরণ পদ্ধতি ব্যবহার করে সরানো যেতে পারে

তারিখের স্ট্রিংকে রূপান্তর করুন

document.getElementById ('# বাটন 1')। অপসারণওয়ের তালিকাভুক্তকরণ ('ক্লিক করুন', মাইক্যালব্যাক)

JQuery এ

jQuery প্রায় সব DOM ক্রিয়াকলাপের জন্য পূর্বনির্ধারিত ইভেন্টগুলি করেছে। আমরা কোনও ক্রিয়াটির জন্য নির্দিষ্ট jQuery ইভেন্টটি ব্যবহার করতে পারি।

$ ('পি') ক্লিক করুন (ফাংশন () {// ক্লিক অ্যাকশন})

অন্যান্য উদাহরণগুলি হ'ল:

“(' # বোতাম 1 ')। Dblclick (ফাংশন () {// আইডি‘ বাটন 1 ’আইডি সহ এইচটিএমএল উপাদানটিতে ডাবল ক্লিক ইভেন্টের জন্য ক্রিয়া}

ডকুম উপাদানটিতে এক বা একাধিক ইভেন্ট যুক্ত করতে JQuery ‘অন’ পদ্ধতি ব্যবহার করা হয়।

$ ('# বোতাম 1')। এ ('ক্লিক করুন', ফাংশন () {// এখানে ক্রিয়া করুন})

পদ্ধতিতে আমরা একাধিক ইভেন্ট এবং একাধিক ইভেন্ট হ্যান্ডলার যুক্ত করতে পারি।

“(' বোতাম 1 ')। এ (: ক্লিক: ফাংশন () {// এখানে ক্রিয়া}, ডিবিএলক্লিক: ফাংশন () {// এখানে ক্রিয়া এখানে}})

দুই বা ততোধিক ইভেন্টের নীচের মতো একই হ্যান্ডলার থাকতে পারে:

$ ('# বোতাম 1')। এ ('ডিবিএলক্লিক ক্লিক করুন', ফাংশন () {// এখানে ক্রিয়া করুন})

সুতরাং আমরা দেখতে পাই যে কম এবং সংক্ষিপ্ত কোডের সাথে জাভাস্ক্রিপ্টের চেয়ে ইভেন্ট হ্যান্ডলিং jQuery তে আরও সহজ।

অ্যাজাক্স কল নিয়ে এগিয়ে চলছে।

আজাক্স কল

জাভাস্ক্রিপ্টে

জাভাস্ক্রিপ্ট একটি সার্ভারে একটি অ্যাজাক্স অনুরোধ প্রেরণ করতে একটি এক্সএমএলএইচটিপিআরকিউয়েস্ট অবজেক্ট ব্যবহার করেছে। এক্সএমএলএইচটিপিআরকোয়েস্টের অজ্যাক্স কল করার জন্য বেশ কয়েকটি পদ্ধতি রয়েছে। দুটি সাধারণ পদ্ধতি খোলা (পদ্ধতি, URL, async, ব্যবহারকারী, PSW), প্রেরণ () এবং প্রেরণ (স্ট্রিং)।
প্রথমে একটি এক্সএমএলএইচটিপিআরকোয়েস্ট তৈরি করা যাক:

var xhttp = new XMLHttpRequest () তারপরে ওপেন পদ্ধতিটি কল করতে এই অবজেক্টটি ব্যবহার করুন: xhttp.open ('GET', 'D: //getinfo.txt', true) xhttp.send ()

উন্মুক্ত পদ্ধতিটি একটি সার্ভার / অবস্থানের জন্য একটি অনুরোধ অনুরোধ জানায়, সত্যটি অনুরোধটি অ্যাসিনক্রোনাস is মানটি মিথ্যা হলে এর অর্থ হল অনুরোধটি সিঙ্ক্রোনাস।

একটি পোস্ট অনুরোধ করা:

var xhttp = new XMLHttpRequest () তারপরে এই অবজেক্টটি ওপেন পদ্ধতিতে কল করতে এবং একটি পোস্টের জন্য অনুরোধ করুন: xhttp.open ('পোস্ট', 'ডি: //পোস্টিনফো.টেক্সট', সত্য) xhttp.send ()

অনুরোধের সাথে ডেটা পোস্ট করতে, প্রেরণের জন্য ডেটা প্রকারের সংজ্ঞা দিতে আমরা প্রেরণ পদ্ধতিটি কী / মান জোড়ায় ডেটা প্রেরণ করে এক্সএইচটিটিপি'র সেটরেইকুয়েস্টহাইডার পদ্ধতিটি ব্যবহার করি:

xhttp.setRequestHeader ('কন্টেন্ট-টাইপ', 'অ্যাপ্লিকেশন / x-www-form-urlencoded') xhttp.send ('নাম = রবি এবং উপাধি = কুমার')

JQuery এ

অজ্যাক্স কল করার জন্য jQuery এর বেশ কয়েকটি ইনবিল্ট পদ্ধতি রয়েছে। এই পদ্ধতিগুলির সাহায্যে আমরা সার্ভার থেকে যে কোনও ডেটা কল করতে পারি এবং ডেটা সহ ওয়েবপৃষ্ঠার একটি অংশ আপডেট করতে পারি। jQuery পদ্ধতি অ্যাজাক্স কলকে সহজ করে তোলে।
JQuery লোড () পদ্ধতি: এই পদ্ধতিটি কোনও ইউআরএল থেকে ডেটা আনে এবং এইচটিএমএল নির্বাচককে ডেটা লোড করে।
“(' পি ')। লোড (URL, ডেটা, কলব্যাক)
ইউআরএল হল সেই অবস্থান যা ডেটার জন্য বলা হয়, alচ্ছিক ডেটা প্যারামিটারটি হ'ল ডেটা (কী / মান জোড়া) যা আমরা কল সহ প্রেরণ করতে চাই এবং alচ্ছিক পরামিতি 'কলব্যাক' সেই পদ্ধতিটি আমরা লোডের পরে কার্যকর করতে চাই want সম্পন্ন হয়.

JQuery get .get () এবং $ .পোস্ট () পদ্ধতি: এই পদ্ধতিটি একটি URL থেকে ডেটা এনে একটি এইচটিএমএল নির্বাচককে ডেটা লোড করে।
get .get (ইউআরএল, কলব্যাক)
ইউআরএল হল সেই অবস্থান যা ডেটার জন্য কল করা হয় এবং কলব্যাক হল সেই পদ্ধতিটি যা আমরা লোডটি শেষ হওয়ার পরে কার্যকর করতে চাই।

p .পোস্ট (ইউআরএল, ডেটা, কলব্যাক)
ইউআরএল হল সেই অবস্থান যা ডেটার জন্য বলা হয়, ডেটা হ'ল কী / মান জুটি / গুলি আমরা কল সহ প্রেরণ করতে চাই এবং কলব্যাক হল সেই পদ্ধতিটি যা আমরা লোডটি শেষ হওয়ার পরে কার্যকর করতে চাই। এখানে ডেটা এবং কলব্যাক পরামিতিগুলি alচ্ছিক।

jQuery আজাক্স কলগুলি জাভাস্ক্রিপ্টের চেয়ে আরও সংক্ষিপ্ত। জাভাস্ক্রিপ্টে আমরা একটি এক্সএমএলএইচটিপিআরকিউয়েস্ট অবজেক্ট ব্যবহার করছি, jQuery এ আমাদের এ জাতীয় অবজেক্ট ব্যবহার করতে হবে না।

অ্যানিমেশন সহ এগিয়ে চলছে।

অ্যানিমেশন

জাভাস্ক্রিপ্টে

জাভাস্ক্রিপ্ট jQuery অ্যানিমেট () ফাংশন মত একটি নির্দিষ্ট অ্যানিমেশন ফাংশন নেই। জাভাস্ক্রিপ্টে অ্যানিমেশন প্রভাবটি মূলত উপাদানটির স্টাইলটি ম্যানিপুলেট করে বা সিএসএস রূপান্তর, অনুবাদ বা বৈশিষ্ট্যগুলি অ্যানিমেটে ব্যবহার করে অর্জন করা হয়। জাভাস্ক্রিপ্ট অ্যানিমেশন প্রভাবগুলির জন্য সেটইন্টারওয়াল (), ক্লিয়ারইন্টারওয়াল (), সেটটাইমআউট () এবং ক্লিয়ারটাইমআউট () পদ্ধতিগুলিও ব্যবহার করে।

setInterval (myAnimation, 4) ফাংশন myAnimation () {document.getElementById ('# Div1') style 20deg) '}

জাভাস্ক্রিপ্টে অ্যানিমেশনটি মূলত সিএসএসের বৈশিষ্ট্যগুলিতে হেরফের সম্পর্কে।

JQuery এ

এইচটিএমএল উপাদানগুলিতে অ্যানিমেশন বা প্রভাব যুক্ত করতে jQuery এর অনেকগুলি ইনবিল্ট পদ্ধতি রয়েছে। আসুন তাদের কয়েকটি পরীক্ষা করি।
অ্যানিমেট () পদ্ধতি: কোনও উপাদানটিতে অ্যানিমেশন যুক্ত করতে এই পদ্ধতিটি ব্যবহৃত হয়।

'(' # বাটন 1 ') ক্লিক করুন (ফাংশন () {$ (' # ডিভ 1 ')। অ্যানিম্যাট ({উচ্চতা:' 300px '})})

শো () পদ্ধতি: কোনও লুকানো অবস্থা থেকে কোনও উপাদান দৃশ্যমান করতে এই পদ্ধতিটি ব্যবহৃত হয়।

'(' # বাটন 1 ') ক্লিক করুন (ফাংশন () {$ (' # ডিভ 1 ')। শো ()})

আড়াল () পদ্ধতি: এই পদ্ধতিটি দৃশ্যমান অবস্থা থেকে কোনও উপাদানকে আড়াল করতে ব্যবহৃত হয়।

'(' # বাটন 1 ') ক্লিক করুন (ফাংশন () {$ (' # ডিভ 1 ')। লুকান ()})

ওয়েবপৃষ্ঠায় অ্যানিমেশন এবং প্রভাব তৈরি করার জন্য jQuery এর নিজস্ব পদ্ধতি রয়েছে।

সংক্ষেপে বলা যায়, জাভাস্ক্রিপ্ট ওয়েব বিকাশের জন্য একটি ভাষা, jQuery একটি লাইব্রেরি যা জাভাস্ক্রিপ্ট থেকে উদ্ভূত হয়েছে। ওয়েব বিকাশে জাভাস্ক্রিপ্ট এবং jQuery এর নিজস্ব গুরুত্ব রয়েছে।

এখন আপনি জাভাস্ক্রিপ্ট লুপ সম্পর্কে জানুন, এটি দেখুন লিখেছেন এডুরেকা। ওয়েব ডেভেলপমেন্ট শংসাপত্র প্রশিক্ষণ আপনাকে এইচটিএমএল 5, সিএসএস 3, টুইটার বুটস্ট্র্যাপ 3, জ্যাকুয়ারি এবং গুগল এপিআই ব্যবহার করে কীভাবে চিত্তাকর্ষক ওয়েবসাইট তৈরি করতে এবং এটি অ্যামাজন সিম্পল স্টোরেজ সার্ভিসে (এস 3) স্থাপন করতে সহায়তা করবে।

আমাদের জন্য একটি প্রশ্ন আছে? দয়া করে এটি 'জাভাস্ক্রিপ্ট বনাম jQuery' এর মন্তব্য বিভাগে উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।