网页设计html图片大小修改,JQUERY修改div尺寸的两种方法

JQUERY修改div尺寸，可以通过下面的两种方法来实现。

注意，divwidth是网页文本框的ID，divheight也是网页文本框的ID，update是网页按钮的ID，div1为网页div对象的ID。

①通过JS的原理修改div尺寸

$(function(){

$("#update").click(function(){

var width=$("#divwidth").val();

var height=$("#divheight").val();

$("#div1").width(width).height(height);

//通过高度和宽度函数设定元素高和宽

});

});

②通过CSS的方法来修改div大小

$(function(){

$("#update").click(function(){

var width=$("#divwidth").val();

var height=$("#divheight").val();

$("#div1").css({"width":width+"px","height":height+"px"});              //通过CSS样式设定函数设定元素的高和宽

});

});

注意哦，上面的$("#div1").css({"width":width+"px","height":height+"px"});这一行可以改为

$("#div1").css("width",width+"px").css("height",height+"px");