height পদ্ধতি

height পদ্ধতি একটি উপাদানের উচ্চতা প্রাপ্তি এবং পরিবর্তন করতে দেয়। এটি মনে রাখা গুরুত্বপূর্ণ যে, আমরা উচ্চতার 'গণনাকৃত মান' (computed height) পাব। css('height') পদ্ধতির থেকে ভিন্ন, এটি একটি এককবিহীন মান ফেরত দেয় (উদাহরণস্বরূপ 400) এবং গাণিতিক গণনার জন্য সুবিধাজনক। পদ্ধতিটি CSS বৈশিষ্ট্য box-sizing নির্দেশ করা নির্বিশেষে, উপাদানের কনটেন্টের উচ্চতা পায়। অতিরিক্ত গণনা এড়ানোর জন্য, css('height') ব্যবহার করার পরামর্শ দেওয়া হয়। গণনায় ত্রুটিও দেখা দিতে পারে যদি ব্যবহারকারী পৃষ্ঠার আকার পরিবর্তন করে, অথবা যদি উপাদান বা তার প্যারেন্ট লুকানো থাকে। উচ্চতার মান প্যাডিং এবং বর্ডারের মান বিবেচনা করে না।

সিনট্যাক্স

উপাদানের উচ্চতা প্রাপ্তি। কিছু ক্ষেত্রে প্রাপ্ত মান ভগ্নাংশ হতে পারে:

$(selector).height();

উপাদানের উচ্চতা পরিবর্তন করতে - কেবল একটি সংখ্যা পাঠানো যেতে পারে (উদাহরণস্বরূপ 400), তখন একক হবে পিক্সেল, অথবা একটি স্ট্রিং, একক উল্লেখ সহ (উদাহরণস্বরূপ '10em'):

$(selector).height(নতুন মান);

আমরা একটি নির্দিষ্ট ফাংশন সেটের প্রতিটি উপাদানে প্রয়োগ করতে পারি। এই ক্ষেত্রে, ফাংশনের প্রথম প্যারামিটার হিসেবে সেটে উপাদানের সূচক এবং দ্বিতীয় প্যারামিটার হিসেবে - সেই নির্দিষ্ট উপাদানের বর্তমান উচ্চতার মান পাবে। this ফাংশনের ভিতরে বর্তমান উপাদানকে নির্দেশ করবে।

উপাদানের উচ্চতার মানটি সেই মানে পরিবর্তিত হবে, যা ফাংশনটি ফেরত দেয়:

$(selector).height(function(সেটে সূচক, উচ্চতার বর্তমান মান));

উদাহরণ

আসুন #test এ ক্লিক করলে এর উচ্চতা 30px মানে পরিবর্তন করি, height পদ্ধতি ব্যবহার করে, এবং css ব্যবহার করে এর ব্যাকগ্রাউন্ড সবুজে পরিবর্তন করি:

<div id="test"></div>

#test {
	width: 50px; 
	height: 90px;
	background: red; 
	color: white;
	margin-top: 10px; 
	cursor: pointer;
}

$('#test').one('click', function() {
	$(this).height(30).css({
		cursor: 'auto',
		backgroundColor: 'green'
	});
});

আরও দেখুন

width পদ্ধতি,
যা একটি উপাদানের প্রস্থ প্রাপ্তি এবং পরিবর্তন করতে দেয়
innerHeight পদ্ধতি,
যা একটি উপাদানের উচ্চতা প্রাপ্তি এবং পরিবর্তন করতে দেয়, এর অভ্যন্তরীণ প্যাডিং বিবেচনা করে
outerHeight পদ্ধতি,
যা একটি উপাদানের উচ্চতা প্রাপ্তি এবং পরিবর্তন করতে দেয়, এর প্যাডিং এবং বর্ডার বিবেচনা করে
css পদ্ধতি,
যা একটি উপাদানের CSS স্টাইল প্রাপ্তি এবং পরিবর্তন করতে দেয়