jQuery মাপ

jQuery-র মাধ্যমে, ইলেকট্রনিক এবং ব্রাউজার উইন্ডোর মাপ প্রক্রিয়াকরণ করা যথেষ্ট সহজ。

jQuery মাপ পদ্ধতি

jQuery দ্বারা বেশ কয়েকটি প্রধান পদ্ধতি প্রদান করা হয় যা মাপ প্রক্রিয়াকরণ করে:

  • width()
  • height()
  • innerWidth()
  • innerHeight()
  • outerWidth()
  • outerHeight()

jQuery width() এবং height() পদ্ধতি

width() পদ্ধতি ইলেকট্রনিকের প্রশস্ততা (অন্তর্নিহিত মাঝারি জায়গা, হুক, বাহ্যিক মাঝারি জায়গা নির্বহণ করা যায়) সেট করতে এবং ফিরিয়ে দেয়。

height() পদ্ধতি ইলেকট্রনিকের উচ্চতা (অন্তর্নিহিত মাঝারি জায়গা, হুক, বাহ্যিক মাঝারি জায়গা নির্বহণ করা যায়) সেট করতে এবং ফিরিয়ে দেয়。

এই উদাহরণটি নির্দিষ্ট <div> ইলেকট্রনিকের প্রশস্ততা এবং উচ্চতা ফিরিয়ে দেয়:

উদাহরণ

$("button").click(function(){
  var txt="";
  txt+= "প্রশস্ততা: " + $("#div1").width() + "</br>";
  txt+= "উচ্চতা: " + $("#div1").height();
  $("#div1").html(txt);
});

স্বয়ং প্রয়োগ করুন

jQuery innerWidth() এবং innerHeight() পদ্ধতি

innerWidth() পদ্ধতি ইলেকট্রনিকের প্রশস্ততা (অন্তর্নিহিত মাঝারি জায়গা সহ) ফিরিয়ে দেয়。

innerHeight() পদ্ধতি ইলেকট্রনিকের উচ্চতা (অন্তর্নিহিত মাঝারি জায়গা সহ) ফিরিয়ে দেয়。

এই উদাহরণটি নির্দিষ্ট <div> ইলেকট্রনিকের inner-width/height ফিরিয়ে দেয়:

উদাহরণ

$("button").click(function(){
  var txt="";
  txt+= "ইনার উচ্চতা: " + $("#div1").innerWidth() + "</br>";
  txt+= "ইনার হাইট: " + $("#div1").innerHeight();
  $("#div1").html(txt);
});

স্বয়ং প্রয়োগ করুন

jQuery outerWidth() এবং outerHeight() মথুদ্দতা

outerWidth() মথুদ্দতা ইলেকট্রনিকের প্রস্থ (অন্তর্বিভাগ এবং সীমানা) ফিরিয়ে দেয়。

outerHeight() মথুদ্দতা ইলেকট্রনিকের উচ্চতা (অন্তর্বিভাগ এবং সীমানা) ফিরিয়ে দেয়。

নিচের উদাহরণটি নির্দিষ্ট <div> ইলেকট্রনিকের outer-width/height ফিরিয়ে দেয়:

উদাহরণ

$("button").click(function(){
  var txt="";
  txt+="Outer width: " + $("#div1").outerWidth() + "</br>";
  txt+="Outer height: " + $("#div1").outerHeight();
  $("#div1").html(txt);
});

স্বয়ং প্রয়োগ করুন

outerWidth(true) মথুদ্দতা ইলেকট্রনিকের প্রস্থ (অন্তর্বিভাগ, সীমানা এবং মার্জিন) ফিরিয়ে দেয়。

outerHeight(true) মথুদ্দতা ইলেকট্রনিকের উচ্চতা (অন্তর্বিভাগ, সীমানা এবং মার্জিন) ফিরিয়ে দেয়。

উদাহরণ

$("button").click(function(){
  var txt="";
  txt+="Outer width (+margin): " + $("#div1").outerWidth(true) + "</br>";
  txt+="Outer height (+margin): " + $("#div1").outerHeight(true);
  $("#div1").html(txt);
});

স্বয়ং প্রয়োগ করুন

jQuery - আরও width() এবং height()

নিচের উদাহরণটি ডকুমেন্ট (HTML ডকুমেন্ট) এবং উইন্ডো (ব্রাউজার ভিউপোর্ট) প্রস্থ এবং উচ্চতা ফিরিয়ে দেয়:

উদাহরণ

$("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);
});

স্বয়ং প্রয়োগ করুন

jQuery CSS পরিসংখ্যান হান্ডবুক

জিনারেল জেকুয়ারি ডাইমেনশনস সম্পূর্ণ পরিসংখ্যান পাওয়ার জন্য, আমাদের jQuery ডাইমেনশন পরিসংখ্যান হান্ডবুক এটা ভ্রমণ করুন。