মূল বিষয়বস্তু
কম্পিউটার প্রোগ্রামিং
কোর্স: কম্পিউটার প্রোগ্রামিং > অধ্যায় 7
পাঠ 4: জেকুয়েরির পদ্ধতিসমূহ- জেকুয়েরি সংগ্রহ বনাম DOM নোড
- Using jQuery variables
- জেকুয়েরি সংগ্রহের ভেতর দিয়ে লুপ চালনা করা
- চ্যালেঞ্জ: লুপি ভাষা
- পর্যালোচনা: জেকুয়েরি সংগ্রহ এবং লুপিং
- একাধিক জেকুয়েরি পদ্ধতি সংযুক্তকরণ
- চ্যালেঞ্জ: অনেকগুলো ডেইজী ব্যবহার করে চেইন তৈরি
- পেছনের চিত্র: জেকুয়েরি সোর্স কোডগুলো ব্রাউজ করা যাক
© 2023 Khan Academyব্যবহারের শর্তাদিগোপনীয়তার নীতিমালাকুকি নোটিশ
পর্যালোচনা: জেকুয়েরি সংগ্রহ এবং লুপিং
জেকুয়েরি সংগ্রহ
জেকুয়েরি দিয়ে কোন উপাদান বা এলিমেন্ট (element) খুঁজে বের করার সময় জেকুয়েরি একটি জেকুয়েরি সংগ্রহ (collection) অবজেক্ট রিটার্ন করে:
var $heading = $('h1');সাধারণত
$ দিয়ে বোঝানো হয় যে উক্ত চলকে জেকুয়েরি সংগ্রহ অবজেক্ট রয়েছে। এটি ডম নোড সংরক্ষণ করে এমন চলককে আলাদা করে।জেকুয়েরি অবজেক্ট থেকে ডম নোড পেতে চাইলে, বন্ধনী ব্যবহার করে জেকুয়েরি অবজেক্টকে একটি অ্যারে হিসেবে বিবেচনা করতে হবে:
var heading = $heading[0];ডম নোডকে জেকুয়েরি অবজেক্টে পরিণত করতে চাইলে, এটিকে জেকুয়েরি ফাংশনে পাঠাও:
var $heading = $(heading);জেকুয়েরি সংগ্রহে লুপ করা
সংগ্রহে একাধিক উপাদান লুপ করতে চাইলে একটি সাধারণ
for অথবা জেকুয়েরির each() ব্যবহার করা যায়: $("p").each(function(index, element) {
$(element).text( $(element).text() + "!!");
});যখন
each() ফাংশনে কল করা হয়, অবশ্যই এটিতে একটি 'কলব্যাক ফাংশন' পাঠাতে হবে। জেকুয়েরি তারপর সংগ্রহের প্রতিটি উপাদানের জন্য কলব্যাক ফাংশন কল করবে এবং এটি বর্তমান ইন্ডেক্স ও উপাদান ফাংশনে পাঠাবে।জেকুয়েরি ফাংশনকে বর্তমান উপাদানে নিযুক্ত করবে, অর্থাৎ
this দিয়ে উপাদানকে নির্দেশ করা যাবে: $("p").each(function() {
$(this).text( $(this).text() + "!!");
});আলোচনায় অংশ নিতে চাও?
কোন আলাপচারিতা নেই।