মূল বিষয়বস্তু
কোর্স: কম্পিউটার প্রোগ্রামিং > অধ্যায় 7
পাঠ 2: জেকুয়েরিতে DOM এর ব্যবহার- জেকুয়েরি ব্যবহার করে বিভিন্ন উপাদান খুঁজে বের করা
- চ্যালেঞ্জ: জেকুয়েরি ব্যবহার করে ইউনিকর্নের পেজ তৈরি
- ব্রাউজার কনসোল ব্যবহার করে ওয়েবপেজের ত্রুটি সংশোধন করা।
- জেকুয়েরি ব্যবহার করে বিভিন্ন উপাদানের তথ্য সংগ্রহ
- চ্যালেঞ্জ: বিখ্যাত আবিস্কারসমূহ
- পর্যালোচনা: জেকুয়েরিতে ডম (DOM) এর ব্যবহার
- প্রকল্প: গোয়েন্দা ডম (DOM)
- ইতিহাস: জন কীভাবে জেকুয়েরি তৈরি করল?
© 2024 Khan Academyব্যবহারের শর্তাদিগোপনীয়তার নীতিমালাকুকি নোটিশ
পর্যালোচনা: জেকুয়েরিতে ডম (DOM) এর ব্যবহার
জেকুয়েরি ব্যবহার করে DOM উপাদান বা এলিমেন্ট (element) খোঁজার জন্য, একটি বৈধ সিএসএস সিলেক্টর বা নির্বাচক জেকুয়েরি ফাংশনে পাঠাতে হয়:
$("h1"); // সকল h1 নির্বাচন করে
$("#heading"); // "heading" id বিশিষ্ট উপাদানগুলো নির্বাচন করে
$(".warning"); // "warning" class বিশিষ্ট উপাদানগুলো নির্বাচন করেলক্ষ্য করি, জেকুয়েরি ফাংশনকে
$ অথবা jQuery ব্যবহার করে লেখা যায়, এভাবে: jQuery("h1");
jQuery("#heading");
jQuery(".warning"); প্রায় সকলেই
$ লেখে থাকে কারণ এটি ছোট। জেকুয়েরি ফাংশন সবসময় জেকুয়েরির উপাদান রিটার্ন করে, যদিও শুধু একটি উপাদান হয় -- অথবা কোন উপাদান না থাকলেও রিটার্ন করে! এই সম্পর্কে বিস্তারিত জানার জন্য জেকুয়েরি ফাংশন নথিপত্র দেখা উচিত।
জেকুয়েরি দিয়ে ডম উপাদান খুঁজে পেলে, ভেতরের লেখা
text() দিয়ে পরিবর্তন করা যায়:
$("#temperature").text("89° Fahrenheit");
(সম্পূর্ণ উদাহরণ)একই মেথড
text() ব্যবহার করে, প্যারামিটার হিসেবে 0 পাঠিয়ে উক্ত উপাদানের লেখাগুলো নেওয়া যায়:var heading = $("#heading").text();পরবর্তী টিউটোরিয়ালে, আমরা আরও মেথড ব্যবহার করে ডম উপাদানগুলোর বিভিন্ন বৈশিষ্ট্য নেওয়া (get) এবং নিযুক্ত (set) করার পদ্ধতি শিখবো।
লক্ষ্য করি, এই জেকুয়েরি ফাংশনগুলো এইচটিএমএল/জেএস কোর্সের ডম এপিআই ব্যবহার করে। উদাহরণস্বরূপ,
$ ফাংশন getElementById() এবং querySelectorAll() মেথড ব্যবহার করে এবং attr() মূলত getAttribute() মেথড ব্যবহার করে। $ ফাংশন ব্যবহার করলে, কোড অনেক ছোট হয় এবং জেকুয়েরি সমর্থিত ব্রাউজারে সঠিকভাবে কাজ করে। নতুন যে সকল ডম এপিআই ফাংশন এসেছে, এগুলোর ক্ষেত্রে ব্রাউজারের সমর্থন যোগ্যতা লক্ষ্য করা উচিত।আলোচনায় অংশ নিতে চাও?
কোন আলাপচারিতা নেই।