জেকুয়েরী

এই নিবন্ধটি the JavaScript library সম্পর্কে। the actor জন্য Jake Weary দেখুন।

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

jQuery

মূল উদ্ভাবক	John Resig
উন্নয়নকারী	jQuery Team
প্রাথমিক সংস্করণ	২৬ আগস্ট ২০০৬ (2006-08-26)
স্থিতিশীল সংস্করণ	1.12.4 (২০ মে ২০১৬ (2016-05-20)) 2.2.4 (২০ মে ২০১৬ (2016-05-20)) 3.1.1 (২২ সেপ্টেম্বর ২০১৬ (2016-09-22))
রিপজিটরি	github.com/jquery/jquery
যে ভাষায় লিখিত	JavaScript
প্ল্যাটফর্ম	See Browser support
আকার	ver gzip prod dev 1.x 31kb 90.9kb 266kb 2.x 27.7kb 81.6kb 236kb 3.x 29.9kb 86.3kb 263kb (KB)
ধরন	JavaScript library
লাইসেন্স	MIT
ওয়েবসাইট	jquery.com

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

সংক্ষিপ্ত বিবরণ 

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

বৈশিষ্ট্য

জেকোয়েরি বিখ্যাত হওয়ার অনেক কারণের মধ্যে রয়েছে 

 সব ব্রাউজার সাপোর্ট করে only

 সহজ এবং বিস্তারিত ডকুমেন্টেশন বিদ্যমান 

 প্রচুর প্লাগিন বিনামুল্যে পাওয়া যায়। 

 সিএসএস ৩ এর সিলেক্টর সাপোর্ট

ব্যবহার 

লাইব্রেরী সহ

জেকুয়েরী এর অফিসিয়াল ওয়েব সাইটে গিয়ে আপনি এটি ডাউনলোড করতে পারেন । এখন তাকে নিচের মত করে ফাইলের নাম দিয়ে সেভ করতে পারেন । 

<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);
});

ইতিহাস

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

Version number	Release date	Latest update	Size Prod (KB)	Additional notes
1.0	২৬ আগস্ট ২০০৬ (2006-08-26)	First stable release
1.1	১৪ জানুয়ারি ২০০৭ (2007-01-14)
1.2	১০ সেপ্টেম্বর ২০০৭ (2007-09-10)
1.3	১৪ জানুয়ারি ২০০৯ (2009-01-14)	55.9	Sizzle Selector Engine introduced into core
1.4	১৪ জানুয়ারি ২০১০ (2010-01-14)
1.5	৩১ জানুয়ারি ২০১১ (2011-01-31)	Deferred callback management, ajax module rewrite
1.6	৩ মে ২০১১ (2011-05-03)	Significant performance improvements to the attr() and val() functions
1.7	৩ নভেম্বর ২০১১ (2011-11-03)	1.7.2 (২১ মার্চ ২০১২ (2012-03-21))	New Event APIs: .on() and .off(), while the old APIs are still supported.
1.8	৯ আগস্ট ২০১২ (2012-08-09)	1.8.3 (১৩ নভেম্বর ২০১২ (2012-11-13))	91.4	Sizzle Selector Engine rewritten, improved animations and $(html, props) flexibility.
1.9	১৫ জানুয়ারি ২০১৩ (2013-01-15)	1.9.1 (৪ ফেব্রুয়ারি ২০১৩ (2013-02-04))	Removal of deprecated interfaces and code cleanup
1.10	২৪ মে ২০১৩ (2013-05-24)	1.10.2 (৩ জুলাই ২০১৩ (2013-07-03))	Incorporated bug fixes and differences reported from both the 1.9 and 2.0 beta cycles
1.11	২৪ জানুয়ারি ২০১৪ (2014-01-24)	1.11.3 (২৮ এপ্রিল ২০১৫ (2015-04-28))	95.9
1.12	৮ জানুয়ারি ২০১৬ (2016-01-08)	1.12.4 (২০ মে ২০১৬ (2016-05-20))	95
2.0	১৮ এপ্রিল ২০১৩ (2013-04-18)	2.0.3 (৩ জুলাই ২০১৩ (2013-07-03))	81.1	Dropped IE 6–8 support for performance improvements and reduction in filesize
2.1	২৪ জানুয়ারি ২০১৪ (2014-01-24)	2.1.4 (২৮ এপ্রিল ২০১৫ (2015-04-28))	82.4
2.2	৮ জানুয়ারি ২০১৬ (2016-01-08)	2.2.4 (২০ মে ২০১৬ (2016-05-20))	85.6
3.0	৯ জুন ২০১৬ (2016-06-09)	3.0.0 (৯ জুন ২০১৬ (2016-06-09))	86.3	Promises/A+ support for Deferreds, $.ajax and $.when, .data() HTML5-compatible
3.1	৭ জুলাই ২০১৬ (2016-07-07)	3.1.1 (২৩ সেপ্টেম্বর ২০১৬ (2016-09-23))	86.3	jQuery.readyException added, ready handler errors are now not silenced

আরো দেখুন 

• Comparison of JavaScript frameworks
• jQuery Mobile
• jQuery UI
• Globalize

বহিঃসংযোগ

• ইউটিউবে Dmitri Gaskin Google Tech Talk, 2008
• দাপ্তরিক ওয়েবসাইট