div height()賦值
在網(wǎng)頁開發(fā)中，通過CSS可以控制元素的高度和寬度從而實現(xiàn)頁面布局。不過有時候我們可能需要在JavaScript中動態(tài)地改變一個元素的高度。在jQuery中，有一個方法叫做height()可以用來獲取或者設(shè)置一個元素的高度。
我們來看看如何使用height()這個方法。假設(shè)我們有一個div標簽，它的id是"myDiv"，我們想要獲取它的高度。
<div id="myDiv">
這是一個示例div
</div>
<br>
<script>
var divHeight = $('#myDiv').height();
console.log(divHeight);
</script>以上代碼可以在控制臺輸出"這是一個示例div"這一段文字的高度，也就是div元素的高度。這是因為我們使用了height()方法來獲取這個元素的高度，并且將這個高度保存在了一個變量divHeight中。所以當(dāng)我們通過console.log()方法輸出divHeight的時候，控制臺會顯示這個元素的高度。
除了獲取元素的高度，我們也可以使用height()方法來設(shè)置元素的高度。下面的代碼演示了如何通過height()方法將一個div元素的高度設(shè)置為100px。
<div id="myDiv">
這是一個示例div
</div>
<br>
<script>
$('#myDiv').height('100px');
</script>通過運行以上代碼，我們會發(fā)現(xiàn)這個div元素的高度變?yōu)榱?00px。這是因為我們通過height()方法將這個元素的高度設(shè)置為了100px。
除此之外，我們也可以使用height()方法來獲取所有匹配元素中最高的高度。下面的代碼演示了如何獲取一組匹配元素中最高的元素的高度。
<div class="myDiv">這是一個示例div</div>
<div class="myDiv">這是另一個示例div</div>
<div class="myDiv">這是第三個示例div</div>
<br>
<script>
var maxHeight = 0;
$('.myDiv').each(function() {
var currentHeight = $(this).height();
if (currentHeight > maxHeight) {
maxHeight = currentHeight;
}
});
console.log(maxHeight);
</script>以上代碼會在控制臺輸出匹配的div元素中最高的元素的高度。我們聲明了一個變量maxHeight并將其初始值設(shè)為0。然后使用each()方法遍歷了所有class為myDiv的div元素，并在每次遍歷中通過height()方法獲取當(dāng)前div元素的高度。如果當(dāng)前div元素的高度大于maxHeight，則將maxHeight的值更新為當(dāng)前div元素的高度。最終，我們會在控制臺中得到匹配的div元素中最高的元素的高度。
綜上所述，使用height()這個方法可以方便地獲取和設(shè)置元素的高度。無論是獲取單個元素的高度，還是獲取一組元素中最高的元素的高度，height()方法都能夠幫助我們輕松地實現(xiàn)這些操作。