জেকুয়েরী

জেকুয়েরি (jQuery) জাভাস্ক্রিপ্ট এর অন্যতম জনপ্রিয় ওপেন-সোর্স লাইব্রেরি। এটা সব ধরনের ওয়েব ব্রাউজারে সাপোর্ট করে। এর মাধ্যমে আপনি কয়েক লাইন কোড লিখে অনেক কাজ করতে পারেন। কেননা, জেকুয়েরিতে শত শত ফাংশন আগে থেকেই তৈরি করা আছে। আপনি শুধু ব্যবহার করবেন। এছাড়া, বিভিন্ন ধরনের স্লাইডার, ড্রপ-ডাউন মেনু, সার্চ বক্স, এবং বিভিন্ন ধরনের ইফেক্ট তৈরি করার জন্য এটি ব্যবহার করা হয়। ওয়েবসাইটকে আকর্ষণীয়ভাবে ফুটিয়ে তুলতে জেকুয়েরি শেখা অপরিহার্য। জেকোয়েরী বর্তমান সময়ের সব থেকে জনপ্রিয় জাভাস্ক্রিপ্ট লাইব্রেরী  এম আই টি লাইসেন্স এর আওতায় এটা একটা ফ্রি সফটওয়্যার।

একটা ডকুমেন্টকে সহজ ভাবে বোঝার জন্য জেকুয়েরী ডিজাইন সহজবোধ করা হয়, জেকুয়েরী দিয়ে সহজেই ইভেন্ট গুলাতে আয়ত্ত প্রতিষ্ঠা করা যায় । তাছাড়া এজাক্স এর এপলিকেশনও এখানে ব্যবহার করা হয়েছে । জেকুয়েরী ডাইনাকিম ওয়েব পেজ তৈরির জন্য ব্যবহার করা হয় ।

সংক্ষিপ্ত বিবরণ 
জেকুয়েরী হল একটি ডম মেনুপুলেশন লাইব্রেরী । জেকুয়েরী এলিমেন্ট এর ভিতর থেকে কোন সিএসএস প্রপার্টি খুজে বের করে তার মা পরিবর্তন করে । যেখানে কোন ইভেন্টকে কল করে কাজ করা হয় ।

বৈশিষ্ট্য 
জেকোয়েরি বিখ্যাত হওয়ার অনেক কারণের মধ্যে রয়েছে সব ব্রাউজার সাপোর্ট করে শুধু সহজ এবং বিস্তারিত ডকুমেন্টেশন বিদ্যমান  প্রচুর প্লাগিন বিনামুল্যে পাওয়া যায়।  সিএসএস ৩ এর সিলেক্টর সাপোর্ট

ব্যবহার

লাইব্রেরী সহ 
জেকুয়েরী এর অফিসিয়াল ওয়েব সাইটে গিয়ে আপনি এটি ডাউনলোড করতে পারেন । এখন তাকে নিচের মত করে ফাইলের নাম দিয়ে সেভ করতে পারেন । <script src="jquery.js"></script>আপনি একে সিডিএন এর মাধ্যমেও আপনার কোডে যোগ করতে পারেন । <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>

বৈশিষ্টসূচক শুরুর বিন্দু 
Typically, jQuery is used by putting initialization code and event handling functions in $(handler). This is triggered when the browser has constructed the DOM and sends a load event.$(function () {
        // jQuery code, event handling callbacks here
});$(function () {
        $('img').on('click', function () {
              // handle the click event on any img element in the page
        });
});উপরের আর নিচের কোড সেইম কাজ করবে :
 $(handler)
 $().ready(handler)
 $(document).ready(handler)
 $("selector").ready(handler)

চেইনিং 
jQuery commands typically return a jQuery object, so commands can be chained:$('div.test')
  .add('p.quote')
  .addClass('blue')
  .slideDown('slow');

নতুন DOM উপাদানে তৈরি 
Besides accessing DOM nodes through jQuery object hierarchy, it is also possible to create new DOM elements, if a string passed as the argument to $() looks like HTML. For example, this line finds an HTML select element with ID carmakes, and adds an option element with value "VAG" and text "Volkswagen":$('select#carmakes')
  .append($('<option />')
  .attr({value:"VAG"})
  .append("Volkswagen"));

এজাক্স 
It is possible to perform cross-browser Ajax requests using $.ajax. Its associated methods can be used to load and manipulate remote data.$.ajax({
  type: 'POST',
  url: '/process/submit.php',
  data: {
    name : 'John',
    location : 'Boston',
  },
}).done(function(msg) {
  alert('Data Saved: ' + msg);
}).fail(function(xmlHttpRequest, statusText, errorThrown) {
  alert(
    'Your form submission failed.\n\n'
      + 'XML Http Request: ' + JSON.stringify(xmlHttpRequest)
      + ',\nStatus Text: ' + statusText
      + ',\nError Thrown: ' + errorThrown);
});

ইতিহাস

প্রকাশের ইতিহাস

আরো দেখুন 
 Comparison of JavaScript frameworks
 jQuery Mobile
 jQuery UI
 Globalize

তথ্যসূত্র

বহিঃসংযোগ 
 
 

২০০৬-এর সফটওয়্যার
ওয়েব ডেভেলপমেন্ট
এমআইটি লাইসেন্স ব্যবহারকৃত সফটওয়্যার