জে-কোয়েরী কি ? (What is jQuery?)
জে-কোয়েরী কি ? (What is jQuery?)
jQuery হলো JavaScript এর সবচেয়ে জনপ্রিয় Framework । বিভিন্ন ব্রাউজার JavaScript কে execute করে ব্রাউজারে ফলাফল প্রদর্শন করার জন্য বিভিন্ন কৈশল অবলম্বন করে, jQuery এই কৈশল গুলোকে একটা একক (unique) format এ নিয়ে আসে । এর ফলে এখানে খুব সহজেই JavaScript এর code লেখা যায়। jQuery কে ক্রস-ব্রাউজার JavaScript লাইব্রেরি ও বলা হয়।
যেমন , অনেক ব্রাউজার ":nth-child(n)" এ ধরনরে Pseudo-class support করেনা, এ গুলি আমরা সহজেই jQuery এর মাধ্যমে support করাতে পারি। যেমন :
$('ul.emphasis').children('li').first().addClass('arif'); এ ক্ষেত্রে ul.emphasis এর অধীনে প্রথম li তে arif class টি যুক্ত হবে।
যেমন , অনেক ব্রাউজার ":nth-child(n)" এ ধরনরে Pseudo-class support করেনা, এ গুলি আমরা সহজেই jQuery এর মাধ্যমে support করাতে পারি। যেমন :
1 2 3 4 5 6 7 8 9 10 | <style type="text/css">.arif{ color:blue;}</style><ul class="emphasis"> <li>item 1</li> <li>item 2</li> <li>item 3</li></ul> |
1 2 3 4 5 | <style type="text/css">ul li:nth-child(1){ color:blue;}</style> |
লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের (DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন।
JavaScript, AJAX এবং jQuery নিয়ে কিছু কথা
jQuery সম্পর্কে বিস্তারিত জানার পূর্বে আমাদের জানতে হবে AJAX, JavaScript, jQuery কি ? এদের মধ্যে সম্পর্ক কি ? এরা কি ভাবে কাজ করে ?
নিম্নে এ সম্পর্কে বিস্তারিত আলোচনা করা হল :
জাভাস্ক্রিপ্ট (JavaScript) :
JavaScript হল একটি ক্লাইন্ট সাইড স্ক্রিপ্টিং ল্যাংগুয়েজ । ক্লাইন্ট সাইড স্ক্রিপ্টিং ল্যাংগুয়েজ এর অর্থ হচ্ছে যে ওয়েব ব্রাউজ করবে, তার ব্রাউজার এই স্ক্রিপ্ট গুলোকে execute করবে। JavaScript এর মাধ্যমে প্রধানত সাইট কে ভিজিটরে কাছে আকর্ষনীয় (interactive) করা হয়। jQuery তে কাজ করার জন্য ব্রাউজারে অবশ্যই JavaScript সচল(enable) থাকতে হবে। পরবর্তী পর্বে কিভাবে বিভিন্ন ব্রাউজারে JavaScript সচল করা যায় তা নিয়ে অলোচনা করা হবে। যখন কোন webpage ব্রাউজারে নিকট আসে, তখন ঐ page টিকে ব্রাউজারে memory তে উপস্থাপন করা হয় (in-memory representation of the page)। এটি একটি tree structure, যেখানে page এর সকল উপাদান বিদ্যমান থাকে। তাই সেখানে একটি root elemen থাকে, যা Head(<head></head>) এবং Body(<body></body>) এর সকল উপাদান ধারন করে।সুতরং, এখন আমরা tree কে ব্যবহার করে JavaScript এর মাধ্যমে page এর উপাদান গুলিকে পরিচালনা (manipulate) করতে পারি।আমরা id (getElementsById), tag name (getElementsByTagName) অথবা tree এর ক্রম (parentNode, firstChild, lastChild, nextSibling, previousSibling ইত্যাদি) অনুযায়ী page এর elemen কে detect করতে পারি। Elemen কে detect করার পর আমরা একে modify করতে পারি এবং এর অবস্থান ও পরিবর্তন করতে পারি; আর একেই বলা হয় DOM(Document Object Model)।
jQuery(জে-কোয়েরী):
jQuery হলো JavaScript এর সবচেয়ে জনপ্রিয় Framework ।AJAX(Asynchronous Javascript And XML) :
AJAX হলো একটি কৌশল, যা সম্পুর্ন page load না করে server থেকে data execute করে page এ ফলাফল প্রদর্শন করে। server এ তথ্য আদান প্রদান করার জন্য ajax call করার প্রয়োজন হয়, আর এই ajax call করা হয় Javascript এর মাধ্যমে। এটি Javascript এর মত কোন language না অথবা jQuery এর মত কোন ও Framework না।সারাংশ :
- JavaScript হল প্রোগামিং ল্যাংগুয়েজ (objects, array, numbers, strings, calculations)।
- AJAX এবং jQuery জাভাস্ক্রিপ্ট এর উপর ভিত্তি করে কাজ করে।
- jQuery হল ক্রসব্রাউজার JavaScript লাইব্রেরি এবং পেজ ব্যবস্থাপক (style, animation ইত্যাদি)।
উদাহরণ Code:
1 2 3 4 5 6 7 8 9 10 11 | // page manipulation in javascriptvar el = document.getElementById("box");el.style.backgroundColor = "#000";var new_el = document.createElement("div");el.innerHTML = "<p>some content</p>";el.appendChild(new_el);// and how you would do it in jQuery$("#box") .css({ "background-color": "#000" }) .append("<div><p>some content</p></div>"); |
Comments
Post a Comment
Thanks