এবার index.html ফাইলে নিচের কোড লিখুন
01.<!DOCTYPE html>02.<html>03.<head>04.<script src="/jquery_latest.js" type="text/javascript"></script>05.<script type="text/javascript">06.$(document).ready(function(){07.$(".myheader").hide();08.$(".mypara").click(function(){09.$(".myheader").show();10.});11.});12.</script>13.</head>14.<body>15.<h2 class="myheader">JQUERY tutorials</h2>16.<p class="mypara">Webcoachbd is nice tutorial site</p>17.</body>18.</html>নিচে "Webcoachbd is nice tutorial site" এই লাইনে ক্লিক করুন
Webcoachbd is nice tutorial site
ব্যাখ্যা:৪ নম্বর লাইনটি দেখুন,এভাবে (জেকোয়েরির ফ্রেমওয়ার্কটি)
স্ক্রিপ্টটি লোড করেছি।আপনি চাইলে এই ফ্রেমওয়ার্ক অনলাইন থেকে লোড করাতে
পারেন,যেমন গুগল এই ফ্রেমওয়ার্ক তার লাইব্রেরিতে রেখেছে এবং আপনি ৪ নম্বর
লাইন বাদ দিয়ে নিচের মত লিখলেও হবে1.<script src="https://ajax.googleapis.com/ajax/libs2./jquery/1.8.1/jquery.min.js" type="text/javascript">3.</script>1.$(document).ready(function(){2.$(".myheader").hide();3.$(".mypara").click(function(){4.$(".myheader").show();5.});6.});7.</script>** $(document).ready(); এই লাইনকে সংক্ষিপ্ত করে নিচের মত করে লেখা যায়
1.$(function(){2.//code goes here3.});উল্লেখ্য যে, জেকোয়েরি কোড লেখার নিয়মই এটা যে সব আগে ডলার সাইন ($) বা jQuery
এই শব্দটি লিখে এরপর প্রথম বন্ধনীতে সিঙ্গেল বা ডাবল কোটেশন এর ভিতর সিএসএস সিলেক্টর টি লিখতে হয় (যে এইচটিএমএল এলিমেন্টটি তে কাজ করবেন তার আইডি, ক্লাস অর্থ্যাৎ তার সিলেক্টর)।সবশেষে ডট (.) চিহ্ন দিয়ে জেকোয়েরির মেথডটি দিতে
0 comments:
Post a Comment