Методи width

Методи width имкон медиҳад, ки бараи унсурро ба даст оварда ва тағйир диҳем. Муҳим аст, ки ба ёд дорем, ки мо барои ба даст овардани бараи унсур 'арзиши ҳисобкардашуда'-ро (computed width) ба даст меорем. Дар муқоиса бо методи css('width'), ин метод арзиши беандоза (масалан 400) бармегардонад ва барои ҳисобҳои риёзӣ муносиб аст. Метод бараи мундариҷаи унсурро ба даст меоранд, новобаста аз таъйиноти хосияти CSS box-sizing. Барои пешгирӣ аз нуқсонҳое, ки бо ин пайвастаанд, тавсия дода мешавад, ки аз css('width') истифода баред. Хатогиҳо дар ҳисобкунӣ метавонанд падид оянд, агар корбар андозаи саҳифаро тағйир диҳад, инчунин агар унсур ё унсури волидайнаш пинҳон бошанд. Арзиши бараи унсур арзишҳои фосилаҳоро ва хати ҳудудро ба ҳисоб намегирад.

Синтаксис

Ба даст овардани бараи унсур. Дар баъзе ҳолатҳо арзишҳои ба даст овардашуда метавонанд касрӣ бошанд:

$(selector).width();

Барои тағйир додани бараи унсур - шумо метавонед танҳо як рақамро (масалан 400) гузаронед, он гоҳ воҳидҳои ченак карда пикселҳо хоҳанд буд, ё сатрро, бо таъйиноти воҳидҳои ченак (масалан '10em'):

$(selector).width(арзиши нав);

Инчунин мо метавонем функсияи муайянкардашударо ба ҳар як унсур дар маҷмӯа татбиқ кунем. Дар ин ҳолат функсия дар параметри аввал рақами унсурро дар маҷмӯа мегирад, ва дар параметри дуюм - арзиши ҷорӣи бараи муайянкардашуда барои унсури мушаххас. Арзиши this дар дохили функсия ба унсури ҷорӣ ишора мекунад. Арзиши бараи унсур ба он арзиш тағйир хоҳад ёфт, ки функсия бармегардонад:

$(selector).width(function(рақам дар маҷмӯа, арзиши ҷории бараи унсур));

Намуна

Биёед дар ҳолати пахш кардан ба div барои он бараро ба арзиши 40px тағйир диҳем, бо истифода аз методи width, ва инчунин бо ёрии css замини онро ба сабз тағйир диҳем:

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

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

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

Инчунин нигаред

методи height,
ки имкон медиҳад, ки баландии унсурро ба даст оварда ва тағйир диҳем
методи innerWidth,
ки имкон медиҳад, ки бараи унсурро ба даст оварда ва тағйир диҳем, ба назар гирифтани фосилаҳои дарунии он
методи outerWidth,
ки имкон медиҳад, ки бараи унсурро ба даст оварда ва тағйир диҳем, ба назар гирифтани фосилаҳо ва хати ҳудуди он
методи css,
ки имкон медиҳад, ки услубҳои CSS-и унсурро ба даст оварда ва тағйир диҳем