জেকুয়েরী

উইকিপিডিয়া, মুক্ত বিশ্বকোষ থেকে
সরাসরি যাও: পরিভ্রমণ, অনুসন্ধান
এই নিবন্ধটি the JavaScript library সম্পর্কিত। the actor জন্য, দেখুন Jake Weary
jQuery
220px
মূল উদ্ভাবক John Resig
উন্নয়নকারী jQuery Team
প্রাথমিক সংস্করণ আগস্ট ২৬, ২০০৬; ১০ বছর আগে (২০০৬-০৮-২৬)
স্থায়ী মুক্তি 1.12.4 (মে ২০, ২০১৬; ১২ মাস আগে (২০১৬-০৫-২০))
2.2.4 (মে ২০, ২০১৬; ১২ মাস আগে (২০১৬-০৫-২০))
3.1.1 (সেপ্টেম্বর ২২, ২০১৬; ৮ মাস আগে (২০১৬-০৯-২২))[১]
উন্নয়ন অবস্থা Active
লেখা হয়েছে 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

জেকুয়েরি (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);
});

জেকুয়েরী প্লাগিন[সম্পাদনা]

ইতিহাস[সম্পাদনা]

প্রকাশের ইতিহাস [সম্পাদনা]

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

আরো দেখুন [সম্পাদনা]

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

তথ্যসূত্র [সম্পাদনা]

  1. jquery.org, jQuery Foundation-। "jQuery 3.1.1 Released! - Official jQuery Blog" 
  2. "License - jQuery Project"। jQuery Foundation। সংগৃহীত ২০১৪-০৭-০২  উদ্ধৃতি ত্রুটি: <ref> ট্যাগ অবৈধ; আলাদা বিষয়বস্তুর সঙ্গে "jqorg-license" নাম একাধিক বার সংজ্ঞায়িত করা হয়েছে
  3. "jQuery: The write less, do more, JavaScript library"। The jQuery Project। সংগৃহীত ২৯ এপ্রিল ২০১০ 
  4. "Usage of JavaScript libraries for websites"। সংগৃহীত ২০১৫-০৭-১৪ 
  5. "jQuery Usage Statistics"। সংগৃহীত ২০১৩-০৫-১৭ 
  6. "Libscore" 
  7. jquery.org, jQuery Foundation -। "jQuery Core 3.0 Upgrade Guide - jQuery" 

বহিঃসংযোগ[সম্পাদনা]