编程 Javascript

jQuery设置指定网页元素宽度和高度的方法

Posted in Javascript onMarch 25, 2015

本文实例讲述了jQuery设置指定网页元素宽度和高度的方法。分享给大家供大家参考。具体实现方法如下：

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("#div1").width(500).height(500);
 });
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;">
</div>
<br>
<button>Resize div</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

颜色选择器 Color Picker,IE,Firefox,Opera,Safar

Nov 25 Javascript

JQuery扩展插件Validate 5添加自定义验证方法

Sep 05 Javascript

jQuery实现form表单元素序列化为json对象的方法

Dec 09 Javascript

jQuery ajax MD5实现用户注册即时验证功能

Oct 11 Javascript

浅析script标签中的defer与async属性

Nov 30 Javascript

jQuery基于cookie实现换肤功能实例

Oct 14 jQuery

浅谈Angular6的服务和依赖注入

Jun 27 Javascript

用Cordova打包Vue项目的方法步骤

Feb 02 Javascript

在vue中获取微信支付code及code被占用问题的解决方法

Apr 16 Javascript

JS+html5实现异步上传图片显示上传文件进度条功能示例

Nov 09 Javascript

JavaScript实现打砖块游戏

Feb 25 Javascript

vue中使用router全局守卫实现页面拦截的示例

Oct 23 Javascript

jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法

Mar 25 #Javascript

Jquery实现鼠标移动放大图片功能实例

Mar 25 #Javascript

jQuery延迟加载图片插件Lazy Load使用指南

Mar 25 #Javascript

jQuery实现购物车计算价格功能的方法

Mar 25 #Javascript

JavaScript的事件代理和委托实例分析

Mar 25 #Javascript

JS实现简易图片轮播效果的方法

Mar 25 #Javascript

jquery处理页面弹出层查询数据等待操作实例

Mar 25 #Javascript