jQuery লাইব্রেরি অনুশীলনের জন্য ব্যবহারিক কাজ
সমস্ত অনুচ্ছেদ p যার ভিতরে
b ট্যাগ আছে, তাদেরকে
div ট্যাগ দিয়ে আবদ্ধ করুন।
www ক্লাস সহ সমস্ত অনুচ্ছেদ p খুঁজুন,
তাদের শুরুতে '!' টেক্সট দিন,
তারপর এই অনুচ্ছেদগুলোর সাথে h1-h6
হেডারগুলো যোগ করুন এবং
এই অনুচ্ছেদ এবং হেডারগুলোকে লাল
রঙে রাঙান।
সমস্ত অনুচ্ছেদ p খুঁজুন এবং তাদের
div ট্যাগ দিয়ে একই বিষয়বস্তু সহ প্রতিস্থাপন করুন।
পৃষ্ঠায় সমস্ত চেকবক্স খুঁজুন এবং নিষ্ক্রিয় করুন প্রাপ্ত জোড়গুলিকে।
#test এলিমেন্ট দেওয়া আছে। এর সরাসরি
উপরের প্রতিবেশীকে '!' টেক্সট দিন, এবং নিচের
প্রতিবেশীকে - '?' টেক্সট দিন। সমস্যাটি একটি
চেইন দিয়ে সমাধান করুন।
#test এলিমেন্ট দেওয়া আছে। এর সরাসরি
উপরের এবং নিচের প্রতিবেশীদেরকে #test এলিমেন্টের
টেক্সট দিন।
#test এলিমেন্ট দেওয়া আছে। এর উপর দিকের প্রতিবেশীদের মধ্যে
নিকটতম অনুচ্ছেদ খুঁজুন এবং তাকে #test এলিমেন্টের
টেক্সট দিন।
পৃষ্ঠায় দ্বিতীয় li খুঁজুন,
তাকে www ক্লাস দিন, ভিতরে
i ট্যাগ দিয়ে আবদ্ধ করুন, এর পরে
'হ্যালো' টেক্সট সহ একটি li ঢোকান।
পৃষ্ঠায় দশম li খুঁজুন,
এর প্যারেন্ট খুঁজুন, প্যারেন্টের সরাসরি
উপরের প্রতিবেশী পান, তাকে
<div class="www"></div> দিয়ে আবদ্ধ করুন।
www ক্লাস ব্যতীত প্রতিটি অনুচ্ছেদ p-এর
শেষে তার সিরিয়াল নম্বর যোগ করুন।
সমস্ত অনুচ্ছেদ p খুঁজুন এবং
প্রতিটি অনুচ্ছেদের আগে এর একটি কপি রাখুন। কপিটিকে লাল
রঙে রাঙান, এবং মূল অনুচ্ছেদকে সবুজ রঙে।
h2-এর ঠিক নিচে থাকা
অনুচ্ছেদ p খুঁজুন
এবং প্রতিটি অনুচ্ছেদকে এমনভাবে সরান যাতে এটি
h2-এর ঠিক উপরে চলে আসে।
সমস্ত খালি অনুচ্ছেদ p
(টেক্সট ছাড়া) খুঁজুন এবং তাদের মধ্যে
সরাসরি উপরের প্রতিবেশীর টেক্সট ঢোকান।
b ট্যাগের প্যারেন্টকে, যদি এটি
www ক্লাস সহ একটি এলিমেন্ট বা অনুচ্ছেদ
p হয়, তাহলে লাল রঙ দিন এবং
টেক্সটের আকার
30px করুন।
সমস্ত খালি অনুচ্ছেদ p-কে
তাদের নিকটতম উপরের h2 ট্যাগের টেক্সট দিন।
সংখ্যা সহ ইনপুট দেওয়া আছে। এমন করুন যাতে ইনপুটগুলিতে এই সংখ্যাগুলির বর্গ স্থাপন করা হয়।
#test এলিমেন্ট দেওয়া আছে। এর শুরুতে সরাসরি উপরের প্রতিবেশীর টেক্সট দিন, এবং শেষে
- সরাসরি নিচের প্রতিবেশীর টেক্সট দিন।
#test এলিমেন্ট দেওয়া আছে। এর দ্বিতীয় উপরের প্রতিবেশী
এবং এর দ্বিতীয় নিচের প্রতিবেশী খুঁজুন। এমন করুন
যে পাওয়া এলিমেন্টগুলি টেক্সট বিনিময় করে
(উপরের প্রতিবেশী নিচের প্রতিবেশীর টেক্সট নেবে এবং বিপরীতক্রমে)।
div এলিমেন্ট দেওয়া আছে। এটি থেকে
সমস্ত সরাসরি চাইল্ড নির্বাচন করুন, যারা
হেডার নয় এবং তাদের লাল
রঙে রাঙান।
সমস্ত অনুচ্ছেদ p খুঁজুন, তাদের
লাল রঙে রাঙান। তারপর পাওয়া অনুচ্ছেদগুলির মধ্যে
www ক্লাস সহ অনুচ্ছেদগুলি নির্বাচন করুন এবং তাদের
'!' টেক্সট দিন।
www ক্লাস সহ সমস্ত অনুচ্ছেদ p খুঁজুন,
তাদের লাল রঙে রাঙান।
তারপর পাওয়া অনুচ্ছেদগুলির মধ্যে প্রথমটি
নির্বাচন করুন এবং তাকে '!' টেক্সট দিন, তারপর
শেষটি নির্বাচন করুন এবং তাকে '?' টেক্সট দিন।
সমস্যাটি একটি চেইন দিয়ে সমাধান করুন।
সমস্ত অনুচ্ছেদ p খুঁজুন, তাদের
প্রতিটির শেষে একই টেক্সট দিন, যা
এর ভিতরে আছে (অর্থাৎ অনুচ্ছেদের টেক্সট
দুইবার লেখা হবে)।
সমস্ত অনুচ্ছেদ p খুঁজুন, তাদের
প্রতিটির শেষে সেটিতে এর সিরিয়াল নম্বর
দিন।
সংখ্যা সহ অনুচ্ছেদ দেওয়া আছে। তাদের প্রত্যেকের শেষে সেই সংখ্যাটি দিন, যা এতে সংরক্ষিত আছে, সেটির সিরিয়াল নম্বর দিয়ে গুণিত।
অনুচ্ছেদ p-এ ক্লিক করলে
এর সরাসরি উপরের এবং নিচের প্রতিবেশীদের মুছুন।
অনুচ্ছেদ p-এ ক্লিক করলে
এর সমস্ত উপরের প্রতিবেশীকে প্রথম হেডার
h1-h6 পর্যন্ত মুছুন
(অর্থাৎ উপরের সেই এলিমেন্টগুলি এবং নিজে হেডার
মুছতে হবে না)।
অনুচ্ছেদ p-এ ক্লিক করলে
এর নিকটতম নিচের প্রতিবেশীকে
www ক্লাস সহ মুছুন।
অনুচ্ছেদ p-এ ক্লিক করলে
এর পঞ্চম নিচের প্রতিবেশী মুছুন।
অনুচ্ছেদ p-এ ক্লিক করলে
এর পঞ্চম নিচের প্রতিবেশী মুছুন, যদি এটি
h2 না হয়।
অনুচ্ছেদ p-এ ক্লিক করলে
এর পঞ্চম নিচের প্রতিবেশী মুছুন, যদি এই প্রতিবেশীর
ভিতরে b ট্যাগ না থাকে।
অনুচ্ছেদ p-এ ক্লিক করলে
এর পঞ্চম নিচের প্রতিবেশী মুছুন, যদি এই প্রতিবেশী
h2-এর ঠিক পরে না থাকে।
#test এলিমেন্ট দেওয়া আছে। এই
এলিমেন্টটিকে এর সরাসরি
নিচের প্রতিবেশীর সাথে স্থান পরিবর্তন করুন।
#test এলিমেন্ট দেওয়া আছে। এর
সরাসরি নিচের প্রতিবেশীর পরে
আমাদের এলিমেন্টের একটি কপি ঢোকান।
#test এলিমেন্ট দেওয়া আছে। এই
এলিমেন্টটিকে এর নিকটতম নিচের প্রতিবেশীর
সাথে www ক্লাস সহ স্থান পরিবর্তন করুন।
সমস্ত অনুচ্ছেদ p খুঁজুন, যা
একটি প্যারেন্টের ভিতরে একটি
এবং অপর h2-এর মধ্যে অবস্থিত।
প্রতিটি অনুচ্ছেদ p-কে বাইরে
এবং ভিতরে div দিয়ে আবদ্ধ করুন।
সমস্ত অনুচ্ছেদ p খুঁজুন, যাদের
সরাসরি প্যারেন্ট div নয়
এবং তাদের প্রত্যেককে <div class="www"></div> দিয়ে আবদ্ধ করুন।
সমস্ত অনুচ্ছেদ p খুঁজুন। তাদের
প্যারেন্ট মুছুন (তাকে unwrap করুন),
যদি এই প্যারেন্ট div ক্লাস
www সহ না হয়। তারপর সেই অনুচ্ছেদগুলির জন্য, যাদের
প্যারেন্ট মুছে ফেলা হয়েছিল, তাদের div
ক্লাস zzz সহ আবদ্ধ করুন।
#test এলিমেন্টের সমস্ত
প্যারেন্ট খুঁজুন এবং এই প্যারেন্টগুলির CSS ক্লাসগুলির একটি অ্যারে তৈরি করুন।
সমস্ত অনুচ্ছেদ p খুঁজুন, যাদের
class অ্যাট্রিবিউট আছে, এবং তাদের প্রত্যেককে
div দিয়ে একই ক্লাস সহ আবদ্ধ করুন,
যেমন পাওয়া অনুচ্ছেদের আছে, এবং প্রতিটি
অনুচ্ছেদের ক্লাস class অ্যাট্রিবিউট সহ মুছুন।
#test থেকে সমস্ত অনুচ্ছেদ p খুঁজুন,
তাদের শেষে '!' টেক্সট দিন, তারপর পাওয়া
অনুচ্ছেদগুলি থেকে www ক্লাস সহ অনুচ্ছেদগুলি বাদ দিন এবং বাকিগুলিকে
লাল রঙ দিন।
পৃষ্ঠায় সমস্ত li খুঁজুন,
তারপর পাওয়া গুলির শেষ থেকে দ্বিতীয়টির আগে
আরও একটি li 'আইটেম' টেক্সট সহ ঢোকান।
পৃষ্ঠায় সমস্ত li খুঁজুন,
তারপর পাওয়া গুলির মধ্যে শেষ থেকে দ্বিতীয়, তৃতীয়
এবং চতুর্থ নির্বাচন করুন এবং তাদের '!' টেক্সট দিন।
#test সহ ol খুঁজুন
এবং এর সমস্ত li
উল্টো ক্রমে সাজান।
#test এলিমেন্ট দেওয়া আছে। এর সমস্ত
উপরের প্রতিবেশী এবং সমস্ত নিচের প্রতিবেশী খুঁজুন এবং
তাদের স্থান পরিবর্তন করুন (অর্থাৎ এলিমেন্টের আগে যা আছে
তা তার পরে আসবে এবং বিপরীতক্রমে)।
www ক্লাস সহ সমস্ত li পান,
তাদের লাল রঙ দিন, তারপর
পাওয়া গুলির মধ্যে সেই li-গুলি খুঁজুন,
যাদের bbb ক্লাস আছে এবং তাদের
মুছুন। সব একটি চেইন দিয়ে সমাধান করুন।
পৃষ্ঠায় সমস্ত li পান। প্রাপ্ত
জোড়গুলিকে খালি করুন, এবং
বিজোড়গুলিকে মুছুন।
সমস্ত div ট্যাগ খুঁজুন এবং তাদের উচ্চতা
দ্বিগুণ করুন।
পৃষ্ঠায় সমস্ত div-এর
উচ্চতার সমষ্টি খুঁজুন।
#test এলিমেন্টের জন্য নিকটতম
প্যারেন্ট www ক্লাস সহ খুঁজুন, এই
প্যারেন্টের শেষে '!' টেক্সট সহ একটি অনুচ্ছেদ যোগ করুন।
#test এলিমেন্টে ক্লিক করলে এর
নিকটতম প্যারেন্ট www ক্লাস সহ খুঁজুন, এই
প্যারেন্টের ভিতরে সমস্ত অনুচ্ছেদ খুঁজুন এবং তাদের
লাল রঙে রাঙান।
পৃষ্ঠায় প্রথম 10 টি li-কে
লাল রঙে রাঙান।
পৃষ্ঠায় 5-তম থেকে 10-তম li-কে
লাল রঙে রাঙান।
পৃষ্ঠায় শেষের 10 টি li খুঁজুন,
তাদের লাল রঙে রাঙান।
তারপর পাওয়া গুলির মধ্যে জোড় li-গুলি
খুঁজুন এবং তাদের ভিতরে b ট্যাগ দিয়ে আবদ্ধ করুন।
পৃষ্ঠায় চেকবক্স দেওয়া আছে। গণনা করুন, তাদের মধ্যে কয়টি চেক করা আছে।
5 টি
চেকবক্স দেওয়া আছে।
এমন করুন যাতে ব্যবহারকারী
তাদের মধ্যে দুটি চেক করার পরে, সমস্ত চেকবক্স
নিষ্ক্রিয় হয়ে যায়।
এমন করুন যাতে সমস্ত চেক করা চেকবক্স তাদের অবস্থা অচেকডে পরিবর্তন করে এবং বিপরীতক্রমে।
একটি ইনপুট দেওয়া আছে।
value অ্যাট্রিবিউটের বিষয়বস্তু
placeholder অ্যাট্রিবিউটে সরান,
এবং নিজে value অ্যাট্রিবিউট সম্পূর্ণভাবে মুছুন।
একটি লিঙ্ক দেওয়া আছে।
যদি href অ্যাট্রিবিউটি http:// দিয়ে শুরু হয়,
লিঙ্কে target="_blank" অ্যাট্রিবিউট যোগ করুন।
একটি ইনপুট দেওয়া আছে, যেখানে একটি সংখ্যা ইনপুট করা যায়। এমন করুন, যাতে এই ইনপুটে সংখ্যা ইনপুট করে এবং ফোকাস হারালে পৃষ্ঠায় চেকবক্স খুঁজে বের করা হয় যে সংখ্যা দিয়ে এবং তা চেকড হয়ে যায়, এবং বাকি চেকবক্সগুলি আনচেকড হয়ে যায়।
একটি সিলেক্ট এবং রেডিও বাটন দেওয়া আছে, রেডিওর সংখ্যা সিলেক্টের আইটেমের সংখ্যার সমান। এমন করুন যাতে সিলেক্টে একটি আইটেম নির্বাচন করলে স্বয়ংক্রিয়ভাবে সংশ্লিষ্ট রেডিও বাটন চেকড হয়ে যায় (ক্রমিক নম্বর অনুসারে সামঞ্জস্য: প্রথম লিস্ট আইটেম - প্রথম রেডিও এবং তাই)।
