জেভাস্ক্রিপ্ট / জেকুয়ারি ডম সিলেক্টর

jQuery vs JavaScript

jQuery জন রেসিগ দ্বারা 2006 সালে তৈরি হয়েছিল। এটি ব্রাউজার অসমতুল্যতা মোকাবিলা করা এবং HTML DOM অপারেশন, ইভেন্ট হ্যান্ডলিং, অ্যানিমেশন এবং Ajax-কে সরল করার জন্য তৈরি হয়েছিল।

দশকের পর দশক, jQuery বিশ্বের সর্বাধিক জনপ্রিয় JavaScript লাইব্রেরি ছিল।

কিন্তু, 2009 সালের JavaScript Version 5 (2009) পর থেকে, অধিকাংশ jQuery প্রয়োগ একটি স্ট্যান্ডার্ড JavaScript-এর কয়েকটি সারির মাধ্যমে সমাধান করা যায়:

id-এর দ্বারা HTML ইলেকট্রনিক উপকরণ অনুসারে অনুসন্ধান করুন

id="intro"-এর ইলেকট্রনিক উপকরণ ফিরিয়ে দেয়:

জেকুয়ারি

var myElement = $("#id01");

আপনার নিজেই প্রয়াস করুন

জেভাস্ক্রিপ্ট

var myElement = document.getElementById("id01");

আপনার নিজেই প্রয়াস করুন

HTML ইলেকট্রনিক উপকরণ অনুসারে অনুসন্ধান করুন

সমস্ত <p> ইলেকট্রনিক উপকরণ ফিরিয়ে দেয়:

জেকুয়ারি

var myElements = $("p");

আপনার নিজেই প্রয়াস করুন

ইনস্ট্যান্স

var myElements = document.getElementsByTagName("p");

আপনার নিজেই প্রয়াস করুন

ক্লাস নাম দিয়ে এইচটিএমএল ইলেকমেন্ট খুঁজে পাওয়ার জন্য

class="intro" সমস্ত ইলেকমেন্ট ফিরিয়ে দেয়。

জেকুয়ারি

var myElements = $(".intro");

আপনার নিজেই প্রয়াস করুন

জেভাস্ক্রিপ্ট

var myElements = document.getElementsByClassName("intro");

আপনার নিজেই প্রয়াস করুন

ক্লাস নাম দিয়ে এইচটিএমএল ইলেকমেন্ট খুঁজে পাওয়ার জন্য CSS সিলেক্টর ইন্টারনেট এক্সপ্লোরার ৮ এবং আরও পুরানী সংস্করণেও কাজ করে না。

এইচটিএমএল ইলেকমেন্ট খুঁজে পাওয়ার জন্য CSS সিলেক্টর

class="intro" সমস্ত <p> ইলেকমেন্ট লিস্ট ফিরিয়ে দেয়。

জেকুয়ারি

var myElements = $("p.intro");

আপনার নিজেই প্রয়াস করুন

জেভাস্ক্রিপ্ট

var myElements = document.querySelectorAll("p.intro");

আপনার নিজেই প্রয়াস করুন

querySelectorAll() মেথডস ইন্টারনেট এক্সপ্লোরার ৮ এবং আরও পুরানী সংস্করণেও কাজ করে না。