জেকুয়েরী
মূল উদ্ভাবক | John Resig | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
উন্নয়নকারী | jQuery Team | ||||||||||||||||
প্রাথমিক সংস্করণ | ২৬ আগস্ট ২০০৬ | ||||||||||||||||
স্থিতিশীল সংস্করণ | ) | ||||||||||||||||
রিপজিটরি | |||||||||||||||||
যে ভাষায় লিখিত | JavaScript | ||||||||||||||||
প্ল্যাটফর্ম | See Browser support | ||||||||||||||||
আকার |
| ||||||||||||||||
ধরন | JavaScript library | ||||||||||||||||
লাইসেন্স | MIT[২] | ||||||||||||||||
ওয়েবসাইট | jquery |
জেকুয়েরি (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
তথ্যসূত্র
[সম্পাদনা]- ↑ jquery.org, jQuery Foundation-। "jQuery 3.1.1 Released! - Official jQuery Blog"।
- ↑ ক খ "License - jQuery Project"। jQuery Foundation। সংগ্রহের তারিখ ২০১৪-০৭-০২।
- ↑ "jQuery: The write less, do more, JavaScript library"। The jQuery Project। সংগ্রহের তারিখ ২৯ এপ্রিল ২০১০।
- ↑ "Usage of JavaScript libraries for websites"। সংগ্রহের তারিখ ২০১৫-০৭-১৪।
- ↑ "jQuery Usage Statistics"। ২০১৮-১২-২৫ তারিখে মূল থেকে আর্কাইভ করা। সংগ্রহের তারিখ ২০১৩-০৫-১৭।
- ↑ "Libscore"।
- ↑ jquery.org, jQuery Foundation -। "jQuery Core 3.0 Upgrade Guide - jQuery"।