জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
লগইন
 

জেকুয়েরি উদাহরণ


আপনি কি আপনার জেকুয়েরি সিলেক্টর স্কিল উন্নত করতে চান?

তাহলে আমাদের জেকুয়েরি সিলেক্টর টেস্টার ব্যবহার করুন। এটি আপনাকে সহজে জেকুয়েরি সিলেক্টর সম্পর্কে শিখাবে।


জেকুয়েরি সিলেক্টর

$("p").hide()
জেকুয়েরি hide() মেথড দেখানো হয়েছে, সকল <p> এলিমেন্ট হাইড।

$("#test").hide()
জেকুয়েরি hide() মেথড দেখানো হয়েছে, id="test" যুক্ত এলিমেন্ট হাইড।

$(".test").hide()
জেকুয়েরি hide() মেথড দেখানো হয়েছে, class="test" যুক্ত সকল এলিমেন্ট হাইড।

$(this).hide()
জেকুয়েরি hide() মেথড দেখানো হয়েছে, বর্তমান এইচটিএমএল এলিমেন্ট হাইড।

উদাহরনের ব্যাখ্যা


জেকুয়েরি ইভেন্ট

জেকুয়েরি click()
জেকুয়েরি click() ইভেন্ট দেখানো হয়েছে।

জেকুয়েরি dblclick()
জেকুয়েরি dblclick() ইভেন্ট দেখানো হয়েছে।

জেকুয়েরি mouseenter()
জেকুয়েরি mouseenter() ইভেন্ট দেখানো হয়েছে।

জেকুয়েরি mouseleave()
জেকুয়েরি mouseleave() ইভেন্ট দেখানো হয়েছে।

জেকুয়েরি mousedown()
জেকুয়েরি mousedown() ইভেন্ট দেখানো হয়েছে।

জেকুয়েরি mouseup()
জেকুয়েরি mouseup() ইভেন্ট দেখানো হয়েছে।

জেকুয়েরি hover()
জেকুয়েরি hover() ইভেন্ট দেখানো হয়েছে।

জেকুয়েরি focus() এবং blur()
জেকুয়েরি focus() এবং blur() ইভেন্ট দেখানো হয়েছে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি Hide/Show

জেকুয়েরি hide()
জেকুয়েরি hide() মেথড দেখানো হয়েছে।

জেকুয়েরি hide() এবং show()
জেকুয়েরি hide() এবং show() মেথড দেখানো হয়েছে।

জেকুয়েরি toggle()
জেকুয়েরি toggle() মেথড hide() এবং show() মেথডের মধ্যে টোগল করে।

জেকুয়েরি hide()
হাইড মেথডের অন্য একটি প্রদর্শিত। কিভাবে টেক্সটের একটি অংশ হাইড করা যায়।

উদাহরনের ব্যাখ্যা


জেকুয়েরি ফেইড

জেকুয়েরি fadeIn()
জেকুয়েরি fadeIn() মেথড দেখানো হয়েছে।

জেকুয়েরি fadeOut()
জেকুয়েরি fadeOut() মেথড দেখানো হয়েছে।

জেকুয়েরি fadeToggle()
জেকুয়েরি fadeToggle() মেথড দেখানো হয়েছে।

জেকুয়েরি fadeTo()
জেকুয়েরি fadeTo() মেথড দেখানো হয়েছে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি স্লাইড

জেকুয়েরি slideDown()
জেকুয়েরি slideDown() মেথড দেখানো হয়েছে।

জেকুয়েরি slideUp()
জেকুয়েরি slideUp() মেথড দেখানো হয়েছে।

জেকুয়েরি slideToggle()
জেকুয়েরি slideToggle() মেথড দেখানো হয়েছে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি এনিমেশন

জেকুয়েরি animate()
জেকুয়েরি animate() মেথডের সাধারণ একটি ব্যবহার দেখানো হয়েছে।

জেকুয়েরি animate() - একাধিক সিএসএস প্রোপার্টি ম্যানিপুলেট
জেকুয়েরি animate() মেথডের সাথে আপনি একাধিক সিএসএস প্রোপার্টি ম্যানিপুলেট করতে পারবেন।

জেকুয়েরি animate() - relative ভ্যালুর ব্যবহার
জেকুয়েরি animate() মেথডের মধ্যে relative ভ্যালুর ব্যবহার দেখানো হয়েছে।

জেকুয়েরি animate() - পূর্ব-নির্ধারিত ভ্যালুর ব্যবহার
জেকুয়েরি animate() মেথডের মধ্যে পূর্ব-নির্ধারিত ভ্যালু যেমন: "hide", "show", "toggle" ব্যবহার দেখানো হয়েছে।

জেকুয়েরি animate()
জেকুয়েরি animate() মেথডের আরো উদাহরণ দেখানো হয়েছে (একের অধিক animate() মেথডের ব্যবহার, একটির পর একটি)।

জেকুয়েরি animate()
জেকুয়েরি animate() মেথডের আরো উদাহরণ দেখানো হয়েছে (একের অধিক animate() মেথডের ব্যবহার, একটির পর একটি)।

উদাহরনের ব্যাখ্যা


জেকুয়েরি Stop এনিমেশন

জেকুয়েরি stop() স্লাইডিং
জেকুয়েরি stop() মেথডের ব্যবহার দেখানো হয়েছে।

জেকুয়েরি stop() এনিমেশন (প্যারামিটারসহ)
জেকুয়েরি stop() মেথডের ব্যবহার দেখানো হয়েছে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি এইচটিএমএল কন্টেন্ট এবং এট্রিবিউট পাওয়া

জেকুয়েরি text() এবং html() - Get কন্টেন্ট
জেকুয়েরি text() এবং html() মেথডের মাধ্যমে কন্টেন্ট পাওয়া যায়।

জেকুয়েরি val() - Get কন্টেন্ট
জেকুয়েরি val() মেথডের মাধ্যমে ফরম ফিল্ড থেকে ভ্যালু পাওয়া যায়।

জেকুয়েরি attr() - এট্রিবিউটের ভ্যালু পাওয়া
জেকুয়েরি attr() মেথডের মাধ্যমে এট্রিবিউটের ভ্যালু পাওয়া যায়।

উদাহরনের ব্যাখ্যা


জেকুয়েরি এইচটিএমএল কন্টেন্ট এবং এট্রিবিউট সেট

জেকুয়েরি text(), html(), এবং val() - কন্টেন্ট সেট
জেকুয়েরি text(), html() এবং val() মেথডের মাধ্যমে কন্টেন্ট সেট করা যায়।

জেকুয়েরি text() এবং html() - কলব্যাক ফাংশনসহ কন্টেন্ট সেট
text() এবং html() মেথডের মাধ্যমে কন্টেন্ট সেট করার পাশাপাশি কলব্যাক ফাংশন ব্যবহার করা যায়।

জেকুয়েরি attr() - এট্রিবিউটের ভ্যালু সেট
জেকুয়েরি attr() মেথডের মাধ্যমে এট্রিবিউটের ভ্যালু সেট করা যায়।

জেকুয়েরি attr() - একাধিক এট্রিবিউট ভ্যালু সেট
জেকুয়েরি attr() মেথডের মাধ্যমে একাধিক এট্রিবিউট ভ্যালু সেট

জেকুয়েরি attr() - কলব্যাক ফাংশন সহকারে এট্রিবিউটের ভ্যালু সেট
জেকুয়েরি attr() মেথডের মাধ্যমে এট্রিবিউটের ভ্যালু সেট করার পাশাপাশি কলব্যাক ফাংশনের ব্যবহার।

উদাহরনের ব্যাখ্যা


জেকুয়েরি এইচটিএমএল এলিমেন্ট/কন্টেন্ট যুক্তকরা

জেকুয়েরি append()
নির্বাচিত এলিমেন্টের শেষে কন্টেন্ট যুক্ত করে।

জেকুয়েরি prepend()
নির্বাচিত এলিমেন্টের শুরুতে কন্টেন্ট যুক্ত করে।

জেকুয়েরি append() - বিভিন্ন নতুন এলিমেন্ট যুক্ত করা
টেক্সট/এইচটিএমএল, জেকুয়েরি এবং জাভাস্ক্রিপ্ট/DOM এর সাহায্যে নতুন এলিমেন্ট তৈরি। তারপর টেক্সটের মধ্যে নতুন এলিমেন্ট যুক্ত করে

জেকুয়েরি after() এবং before()
নির্বাচিত এইচটিএমএল এলিমেন্টের পরে এবং আগে কন্টেন্ট যুক্ত করে

জেকুয়েরি after() - বিভিন্ন নতুন এলিমেন্ট অন্তর্ভুক্ত করা
টেক্সট/এইচটিএমএল, জেকুয়েরি এবং জাভাস্ক্রিপ্ট/DOM এর সাহায্যে নতুন এলিমেন্ট তৈরি। তারপর নতুন এলিমেন্টটি নির্বাচিত এলিমেন্টের পরে অন্তর্ভূক্ত করে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি এইচটিএমএল এলিমেন্ট/কন্টেন্ট রিমোভ

জেকুয়েরি remove()
নির্বাচিত এলিমেন্ট রিমোভ।

জেকুয়েরি empty()
নির্বাচিত এলিমেন্টের সকল চাইল্ড এলিমেন্ট রিমোভ।

জেকুয়েরি remove() - প্যারামিটারসহ
যেই এলিমেন্টকে রিমোভ করা হবে, সেটি সিলেক্ট।

উদাহরনের ব্যাখ্যা


জেকুয়েরি সিএসএস ক্লাস Set এবং Get

জেকুয়েরি addClass()
বিভিন্ন এলিমেন্টের মধ্যে class এট্রিবিউট যুক্ত করে।

জেকুয়েরি addClass() - একাধিক ক্লাস
জেকুয়েরি addClass() মেথডের মাধ্যমে একাধিক ক্লাস নির্দিষ্ট করা যায়।

জেকুয়েরি removeClass()
বিভিন্ন এলিমেন্ট থেকে নির্দিষ্ট class এট্রিবিউট রিমোভ করা।

জেকুয়েরি toggleClass()
নির্বাচিত এলিমেন্টের মধ্যে ক্লাস যুক্ত করা/ রিমোভ করার মধ্যে টোগল করে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি css() মেথড

জেকুয়েরি css() - সিএসএস প্রোপার্টি রিটার্ন
প্রথম মিলকৃত এলিমেন্ট থেকে নির্দিষ্ট সিএসএস প্রোপার্টির ভ্যালু রিটার্ন করে।

জেকুয়েরি css() - সিএসএস প্রোপার্টি সেট
মিলকৃত এলিমেন্টের মধ্যে নির্দিষ্ট সিএসএস প্রোপার্টি সেট।

জেকুয়েরি css() - একাধিক সিএসএস প্রোপার্টি সেট
মিলকৃত সকল এলিমেন্টের মধ্যে একাধিক নির্দিষ্ট সিএসএস প্রোপার্টি সেট।

উদাহরনের ব্যাখ্যা


জেকুয়েরি ডাইমেনশন

জেকুয়েরি - width() এবং height() রিটার্ন
একটি নির্দিষ্ট এলিমেন্টের প্রস্থ এবং উচ্চতা রিটার্ন।

জেকুয়েরি - innerWidth() এবং innerHeight() রিটার্ন
একটি নির্দিষ্ট এলিমেন্টের অভ্যন্তরীন প্রস্থ/উচ্চতা রিটার্ন।

জেকুয়েরি - outerWidth() এবং outerHeight() রিটার্ন
একটি নির্দিষ্ট এলিমেন্টের বাহ্যিক প্রস্থ/উচ্চতা রিটার্ন

জেকুয়েরি - outerWidth(true) এবং outerHeight(true) রিটার্ন
একটি নির্দিষ্ট এলিমেন্টের বাহ্যিক প্রস্থ/উচ্চতা (মার্জিনসহ) রিটার্ন।

জেকুয়েরি - ডকুমেন্ট এবং উইন্ডোর width() এবং height() রিটার্ন
ডকুমেন্টের (এইচটিএমএল ডকুমেন্টের) এবং উইন্ডোর (ব্রাউজার ভিউপোর্টের) প্রস্থ এবং উচ্চতা রিটার্ন।

জেকুয়েরি - width() এবং height() সেট
একটি নির্দিষ্ট এলিমেন্টের প্রস্থ এবং উচ্চতা নির্ধারন।

উদাহরনের ব্যাখ্যা


জেকুয়েরি ট্রাভার্সিং - উত্তরসূরি

জেকুয়েরি parent()
জেকুয়েরি parent() মেথড দেখানো হয়েছে।

জেকুয়েরি parents()
জেকুয়েরি parents() মেথড দেখানো হয়েছে।

জেকুয়েরি parentsUntil()
জেকুয়েরি parentsUntil() মেথড দেখানো হয়েছে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি ট্রাভার্সিং - পূর্বসূরী

জেকুয়েরি children()
জেকুয়েরি children() মেথড দেখানো হয়েছে।

জেকুয়েরি find()
জেকুয়েরি find() মেথড দেখানো হয়েছে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি ট্রাভার্সিং - সিবলিং

জেকুয়েরি siblings()
জেকুয়েরি siblings() মেথড দেখানো হয়েছে।

জেকুয়েরি next()
জেকুয়েরি next() মেথড দেখানো হয়েছে।

জেকুয়েরি nextAll()
জেকুয়েরি nextAll() মেথড দেখানো হয়েছে।

জেকুয়েরি nextUntil()
জেকুয়েরি nextUntil() মেথড দেখানো হয়েছে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি ট্রাভার্সিং - ফিল্টারিং

জেকুয়েরি first()
জেকুয়েরি first() মেথড দেখানো হয়েছে।

জেকুয়েরি last()
জেকুয়েরি last() মেথড দেখানো হয়েছে।

জেকুয়েরি eq()
জেকুয়েরি eq() মেথড দেখানো হয়েছে।

জেকুয়েরি filter()
জেকুয়েরি filter() মেথড দেখানো হয়েছে।

জেকুয়েরি not()
জেকুয়েরি not() মেথড দেখানো হয়েছে।

উদাহরনের ব্যাখ্যা


জেকুয়েরি অ্যাজাক্স(AJAX) load() মেথড

জেকুয়েরি load()
<div> এলিমেন্টের মধ্যে একটি ফাইলের কন্টেন্ট লোড।

জেকুয়েরি load()
একটি <div> এলিমেন্টের মধ্যে, একটি ফাইলের মধ্যের কোন নির্দিষ্ট এলিমেন্ট লোড করে

জেকুয়েরি load() - কলব্যাক
কলব্যাক ফাংশনসহ জেকুয়েরি load() মেথড দেখানো হলো।

উদাহরনের ব্যাখ্যা


জেকুয়েরি অ্যাজাক্স(AJAX) get() এবং post() মেথড

জেকুয়েরি get()
জেকুয়েরি $.get() মেথডের মাধ্যমে সার্ভারে রাখা ফাইল থেকে ডাটা(data) সংগ্রহ করা হয়।

জেকুয়েরি post()
জেকুয়েরি $.post() মেথডের মাধ্যমে রিকোয়েস্টের সাথে কিছু ডাটা সেন্ড করা হয়।

উদাহরনের ব্যাখ্যা