JQUERY修改div尺寸,可以通过下面的两种方法来实现。
注意,divwidth是网页文本框的ID,divheight也是网页文本框的ID,update是网页按钮的ID,div1为网页div对象的ID。
①通过JS的原理修改div尺寸
<script type="text/javascript">
$(function(){
$("#update").click(function(){
var width=$("#divwidth").val();
var height=$("#divheight").val();
$("#div1").width(width).height(height);
//通过高度和宽度函数设定元素高和宽
});
});
</script>
②通过CSS的方法来修改div大小
<script type="text/javascript">
$(function(){
$("#update").click(function(){
var width=$("#divwidth").val();
var height=$("#divheight").val();
$("#div1").css({"width":width+"px","height":height+"px"}); //通过CSS样式设定函数设定元素的高和宽
});
});
</script>
注意哦,上面的$("#div1").css({"width":width+"px","height":height+"px"});这一行可以改为
$("#div1").css("width",width+"px").css("height",height+"px");