jQuery এর মাত্রা সঙ্গে কাজ করার জন্য বেশ কিছু গুরুত্বপূর্ণ পদ্ধতি আছে:
যেমনঃ
• width() -প্রস্থ ()
• height() -উচ্চতা ()
• innerWidth()
• innerHeight()
• outerWidth()
• outerHeight()
jQuery এর প্রস্থ () এবং উচ্চতা () পদ্ধতি নিম্নে দেখানো হলঃ
প্রস্থ () মেথড সেট বা একটি উপাদান প্রস্থ কত হবে তা নির্দেশ করে (প্যাডিং, সীমানা, বা মার্জিন অন্তর্ভুক্ত রয়েছে)।
উচ্চতা () মেথড সেট বা একটি উপাদান এর উচ্চতা কত হবে তা প্রদান করে থাকে (প্যাডিং, সীমানা, বা মার্জিন অন্তর্ভুক্ত).
নিম্নলিখিত উদাহরণে একটি নির্দিষ্ট <div> এলিমেন্ট এর প্রস্থ এবং উচ্চতা দেখানো হলঃ
যেমনঃ
$(“button”).click(function(){
var txt=””;
txt+=”Width: ” + $(“#div1”).width() + “</br>”;
txt+=”Height: ” + $(“#div1”).height();
$(“#div1”).html(txt);
});
jQuery এর innerWidth () এবং innerHeight () পদ্ধতি নিম্নে দেখানো হলঃ
InnerWidth () মেথড একটি উপাদান প্রস্থ (প্যাডিং বিদ্যমান রয়েছে) প্রদান করে।
InnerHeight () মেথড একটি উপাদান উচ্চতা (প্যাডিং বিদ্যমান রয়েছে) প্রদান করে।
নিম্নলিখিত উদাহরণে একটি নির্দিষ্ট <div> এলিমেন্ট এর ভেতরের প্রস্থ / উচ্চতা দেখানো হল:
যেমনঃ
$(“button”).click(function(){
var txt=””;
txt+=”Inner width: ” + $(“#div1”).innerWidth() + “</br>”;
txt+=”Inner height: ” + $(“#div1”).innerHeight();
$(“#div1”).html(txt);
});
jQuery এর outerWidth () এবং outerHeight () পদ্ধতি নিম্নে দেখানো হলঃ
OuterWidth () মেথড একটি উপাদান প্রস্থ নির্দেশ করে (প্যাডিং এবং সীমানা অন্তর্ভুক্ত রয়েছে)।
OuterHeight () মেথড একটি উপাদান এর উচ্চতা নির্দেশ করে থাকে (প্যাডিং এবং সীমানা অন্তর্ভুক্ত রয়েছে)।
নিম্নলিখিত উদাহরণে একটি নির্দিষ্ট <div> এলিমেন্ট এর বাইরের প্রস্থ / উচ্চতা দেখানো হল:
যেমনঃ
$(“button”).click(function(){
var txt=””;
txt+=”Outer width: ” + $(“#div1”).outerWidth() + “</br>”;
txt+=”Outer height: ” + $(“#div1”).outerHeight();
$(“#div1”).html(txt);
});
OuterWidth (এটি সত্য হতে হবে) পদ্ধতি একটি উপাদানের প্রস্থ (প্যাডিং, সীমানা, এবং মার্জিন রয়েছে) নির্দেশ করে থাকে।
OuterHeight ((এটি সত্য হতে হবে) পদ্ধতি একটি উপাদানের উচ্চতা (প্যাডিং, সীমানা, এবং মার্জিন রয়েছে) নির্দেশ করে থাকে।
যেমনঃ
$(“button”).click(function(){
var txt=””;
txt+=”Outer width (+margin): ” + $(“#div1”).outerWidth(true) + “</br>”;
txt+=”Outer height (+margin): ” + $(“#div1”).outerHeight(true);
$(“#div1”).html(txt);
});
jQuery এর আরো প্রস্থ () এবং উচ্চতা () পদ্ধতি রয়েয়ছেঃ
নিম্নলিখিত উদাহরণে আমরা (এইচটিএমএল ডকুমেন্ট) এবং উইন্ডো (ব্রাউজার ভিউপোর্ট) প্রস্থ এবং উচ্চতা দেখব:
যেমনঃ
$(“button”).click(function(){
var txt=””;
txt+=”Document width/height: ” + $(document).width();
txt+=”x” + $(document).height() + “\n”;
txt+=”Window width/height: ” + $(window).width();
txt+=”x” + $(window).height();
alert(txt);
});
নিম্নলিখিত উদাহরণে একটি নির্দিষ্ট <div> এলিমেন্ট এর প্রস্থ ও উচ্চতা দেখানো হল:
যেমনঃ
$(“button”).click(function(){
$(“#div1”).width(500).height(500);
});