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程序设计有所帮助。

Javascript 相关文章推荐
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
回车直接实现点击某按钮的效果即触发单击事件
Feb 27 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
基于angularjs实现图片放大镜效果
Aug 31 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
JS图片轮播与索引变色功能实例详解
Jul 06 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
Jul 18 Javascript
node.js中path路径模块的使用方法实例分析
Feb 13 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
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
You might like
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
createElement动态创建HTML对象脚本代码
2008/11/24 Javascript
基于jquery的tab切换 js原理
2010/04/01 Javascript
JavaScript中的prototype使用说明
2010/04/13 Javascript
javascript中[]和{}对象使用介绍
2013/03/20 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
JavaScript常用脚本汇总(一)
2015/03/04 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
2015/03/27 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
2016/02/25 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
理解javascript async的用法
2017/08/22 Javascript
layui框架table 数据表格的方法级渲染详解
2018/08/19 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
详解小程序之简单登录注册表单验证
2019/05/13 Javascript
vue+element 模态框表格形式的可编辑表单实现
2019/06/07 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
jQuery实现简单全选框
2020/09/13 jQuery
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
详解vue-router的导航钩子(导航守卫)
2020/11/02 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
Python 元组(Tuple)操作详解
2014/03/11 Python
在Python中操作字典之fromkeys()方法的使用
2015/05/21 Python
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
python如何把嵌套列表转变成普通列表
2018/03/20 Python
Python3.8中使用f-strings调试
2019/05/22 Python
python json load json 数据后出现乱序的解决方案
2020/02/27 Python
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
2015年预备党员自我评价
2015/03/04 职场文书
召开会议通知范文
2015/04/15 职场文书
婚礼嘉宾致辞
2015/07/28 职场文书
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android