যদিও jQuery এবং JavaScript এর মধ্যে অনেক মিল রয়েছে, তাদের সিনট্যাক্স এবং কার্যকারিতার মধ্যেও বেশ কিছু পার্থক্য রয়েছে। এর জন্য, প্রথমে, jQuery কোডটি কী করার চেষ্টা করছে তা বুঝুন। তারপর, ভ্যানিলা জাভাস্ক্রিপ্টের বিকল্প পদ্ধতি বা বৈশিষ্ট্যগুলি ব্যবহার করুন।
এই ব্লগটি জাভাস্ক্রিপ্টে jQuery কোডের রূপান্তর নিয়ে আলোচনা করবে।
কিভাবে jQuery কোড জাভাস্ক্রিপ্টে রূপান্তর করবেন?
jQuery কোড জাভাস্ক্রিপ্টে রূপান্তর করার জন্য, কোডটি কী করছে এবং jQuery পদ্ধতিগুলি কী ব্যবহার করা হচ্ছে তা বোঝা অপরিহার্য। তারপরে, জাভাস্ক্রিপ্টে বিকল্প পদ্ধতি ব্যবহার করুন, যেমন ' $() জাভাস্ক্রিপ্টে থাকা অবস্থায় উপাদান নির্বাচনের জন্য jQuery-এ ব্যবহৃত উপাদান নির্বাচনের জন্য document.querySelector() 'বা' querySelectorAll() 'পদ্ধতি ব্যবহার করা হয়।
আসুন একটি উদাহরণের সাহায্যে রূপান্তর প্রক্রিয়াটি বুঝতে পারি।
উদাহরণ
এখানে, আমাদের কাছে একটি jQuery কোড রয়েছে যা পাঠ্যের রঙ পরিবর্তন করে এবং একটি বোতাম ক্লিকে একটি ব্যাখ্যামূলক পাঠ্য দেখায়। এর জন্য, HTML নথিতে দুটি বোতাম, পাঠ্য এবং একটি খালি
ট্যাগ রয়েছে যেখানে বোতাম ক্লিকে নতুন পাঠ্যটি প্রদর্শিত হবে:
< ডিভি আইডি = 'myDiv' >
< পি ক্লাস = 'পাঠ্য' > জাভাস্ক্রিপ্ট টিউটোরিয়াল পি >
< বোতাম আইডি = 'বোতাম' > এখানে ক্লিক করুন বোতাম >
< বোতাম আইডি = 'বোতাম' > এখানে ক্লিক করুন বোতাম >
< পি আইডি = 'বার্তা' >> পি >
div >
jQuery এর সাথে কাজ করার সময়, HTML ডকুমেন্টের
ট্যাগে jQuery লাইব্রেরি যোগ করা বাধ্যতামূলক: < স্ক্রিপ্ট src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' >> লিপি >