jQuery中的attr()函數可以用來獲取或者設置HTML元素的屬性值。使用attr()函數,可以很方便地修改元素的屬性,其中包括像高度,寬度之類的尺寸屬性。
$(document).ready(function() { //獲取元素的高度和寬度 var height = $('#example').attr('height'); var width = $('#example').attr('width'); console.log('height: ' + height + 'px'); console.log('width: ' + width + 'px'); //設置元素的高度和寬度 $('#example').attr('height', '300px'); $('#example').attr('width', '400px'); })
在上面的代碼中,我們首先使用attr()函數獲取了一個id為example的元素的高度和寬度,并將其打印出來。然后,我們使用attr()函數將這個元素的高度設置為300px,寬度設置為400px
可以看到,我們在設置尺寸屬性的值時,需要將其加上一個“px”的后綴,否則設置無效。這是因為尺寸屬性的值需要顯示為像素(px),而不僅僅是數字。
總之,使用jQuery的attr()函數可以方便地獲取和設置HTML元素的屬性值,包括尺寸屬性。當設置尺寸屬性時,需要確保給值加上“px”的后綴,否則設置無效。