在Web開發(fā)中,我們常常需要設(shè)置元素的寬度和高度。而使用jQuery可以方便地實現(xiàn)這個目標(biāo)。
//設(shè)置寬度 $("元素選擇器").width(200); //設(shè)置高度 $("元素選擇器").height(100); //同時設(shè)置寬度和高度 $("元素選擇器").css({"width":200, "height":100});
使用width()方法可以設(shè)置元素的寬度,方法里面?zhèn)魅胍粋€數(shù)字參數(shù),代表寬度的數(shù)值。同樣地,使用height()方法可以設(shè)置元素的高度。
如果需要同時設(shè)置寬度和高度,可以使用css()方法,方法里面?zhèn)魅胍粋€對象參數(shù),對象中的屬性"width"和"height"分別代表寬度和高度的數(shù)值。
需要注意的是,使用width()和height()方法設(shè)置的寬度和高度,如果帶有單位(如px、em等),則會將單位清除后再設(shè)置;而使用css()方法設(shè)置的寬度和高度,則需要自己在屬性值里加上單位。
//設(shè)置寬度為200px和高度為100px $("元素選擇器").width("200px"); $("元素選擇器").height("100px");
除此之外,還可以使用其他的方法來設(shè)置元素的寬度和高度,如innerWidth()、outerWidth()、innerHeight()和outerHeight()等。
使用這些方法可以更加精確地設(shè)置元素的尺寸,具體使用方法可以參見jQuery的官方文檔。