ওয়েবপেজে জেকুয়েরিকে যুক্ত করা

0
47
jquery
jquery

জেকুয়েরি কে ওয়েব পেজে যুক্ত করার উপায় নিম্নে দেওয়া হলো:

  • jQuery.com থেকে জেকুয়েরি লাইব্রেরী ডাউনলোড করে <script> ট্যাগের মাধ্যমে যুক্ত করা যায়।
  • <script> ট্যাগের মাধ্যমে কন্টেন্ট ডেলিভারি নেটওয়ার্ক (CDN) এর সাথে সংযোগ দিয়ে। যেমন; গুগল। , like Google

জেকুয়েরি ডাউনলোড

জেকুয়েরির দুইটি ভার্সন রয়েছে। ইচ্ছা করলে আপনি দুইটি ভার্সনই ডাউনলোড করতে পারেন:

  • প্রোডাকশন ভার্সন- সাধারণত লাইভ ওয়েবসাইটের জন্য ব্যবহার করা হয় কারন এটি মিনিফাইড এবং কমপ্রেসড ফাইল।
  • ডেভেলপমেন্ট ভার্সন- সাধারণত কোনো ওয়েবসাইট ডেভেলপমেন্ট এবং টেস্টের জন্য ব্যবহার করা হয়। কারন এই ফাইলটি খুব সহজেই পড়া এবং এডিট করা যায়।

উপরের দুটি ভার্সনই jQuery.com থেকে ডাউনলোড করা যায়।

যেহেতু জেকুয়েরি লাইব্রেরী একটি একক জাভাস্ক্রিপ্ট ফাইল। সুতরাং এইচটিএমএল ডকুমেন্টের সাথে জেকুয়েরি লাইব্রেরীকে সংযোগ দেওয়ার জন্য <head> সেকশনের মধ্যে <script> ট্যাগের scr এট্রিবিউটের URL হিসাবে লিখতে হয়।

<head>
<script src=”jquery-1.49.0.min.js”></script>
</head>

টিপস: যে পেজের মধ্যে জেকুয়েরি লাইব্রেরী ব্যবহার করবেন সেই পেজটি এবং জেকুয়েরি লাইব্ররেরী একই ডিরেক্টরিতে রাখুন। অর্থাৎ এইচটিএমএল ডকুমেন্টের সাথে সিএসএস এবং জাভাস্ক্রিপ্ট এর এক্সটার্নাল ফাইল যেভাবে লিংক করেন সেই নিয়মই অনুসরন করুন।

Note আপনি কি বিস্মিত হলেন! <script> ট্যাগের মধ্যে কেন type=”text/javascript” ব্যবহার করি নি?

এইচটিএমএল(৫) এ এটি ব্যবহার করা বাধ্যতামূলক না। কারন এইচটিএমএল(৫) এবং অধিকাংশ ব্রাউজারেই ডিফল্ট হিসাবেই জাভাস্ক্রিপ্ট থাকে।


জেকুয়েরি সিডিএন (CDN)

আপনি যদি জেকুয়েরি ডাউলোড করতে এবং নিজে হোস্ট করতে না চান তাহলে কন্টেন্ট ডেলিভারি নেটওয়ার্কের (CDN) মাধ্যমে জেকুয়েরি লাইব্রেরিকে আপনার ওয়েবসাইটের সাথে সংযোগ দিতে পারেন। এক্ষেত্রেও লাইব্ররেরীটি এমনভাবে কাজ করবে মনে হবে আপনার সাইটেরই কোনো ফোল্ডারে এটি সংরক্ষন করা আছে।

গুগল এবং মাইক্রোসফট উভয়ই জেকুয়েরি হোস্ট করে।

গুগল এবং মাইক্রোসফট থেকে জেকুয়েরি হোস্ট করতে চাইলে নিচের যেকোনো একটি নিয়ম অনুসরন করুন:

গুগল সিডিএন (CDN):

<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script>
</head>

নিজে চেষ্টা করি »

মাইক্রোসফট সিডিএন (CDN):

<head>
<script src=”http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js”></script>
</head>

LEAVE A REPLY

Please enter your comment!
Please enter your name here