jQuery是一個非常常用的JavaScript庫,它可以幫助我們快速地操作DOM,其中一個非常常用的功能就是jQuery CSS高度的操作。
jQuery提供了兩個方法可以獲取元素的高度:height()和outerHeight()。其中,height()只返回元素的內容高度,而outerHeight()返回元素的整體高度(包括padding、border和margin)。我們可以使用這兩個方法來獲取元素的高度:
// 獲取元素id為myDiv的高度 var myHeight = $('#myDiv').height(); // 獲取元素id為myDiv的整體高度 var myOuterHeight = $('#myDiv').outerHeight();
除此之外,jQuery還可以對元素的高度進行設置。我們可以使用height()和outerHeight()方法來設置元素的高度:
// 設置元素id為myDiv的高度為200px $('#myDiv').height('200px'); // 設置元素id為myDiv的整體高度為250px $('#myDiv').outerHeight('250px');
同時,我們也可以使用CSS()方法來設置元素的高度:
// 設置元素id為myDiv的高度為200px $('#myDiv').css('height', '200px'); // 設置元素id為myDiv的整體高度為250px $('#myDiv').css('height', '250px');
總而言之,jQuery CSS高度的操作非常簡單,只需要使用height()、outerHeight()或CSS()方法即可。
上一篇列舉三種常用css