জেকুয়েরী

জেকুয়েরি (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'); 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 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"।  ইউটিউবে Dmitri Gaskin Google Tech Talk, 2008 দাপ্তরিক ওয়েবসাইট