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 相关文章推荐
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
jQuery调用WebService的实现代码
Jun 19 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
Apr 04 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
HTML,CSS,JavaScript速查表推荐
Dec 02 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
Mar 02 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
Jul 27 Javascript
javascript性能优化之DOM交互操作实例分析
Dec 12 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
JavaScript的查询机制LHS和RHS解析
Aug 16 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 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
You might like
《破坏领主》销量已超100万 未来将继续开发新内容
2020/03/08 其他游戏
PHP语法速查表
2007/01/02 PHP
array_multisort实现PHP多维数组排序示例讲解
2011/01/04 PHP
获取PHP警告错误信息的解决方法
2013/06/03 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
php按单词截取字符串的方法
2015/04/07 PHP
CI框架常用函数封装实例
2016/11/21 PHP
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
Bootstrap php制作动态分页标签
2016/12/23 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
js遍历详解(forEach, map, for, for...in, for...of)
2019/08/28 Javascript
微信小程序实现转盘抽奖
2020/09/21 Javascript
python统计中文字符数量的两种方法
2019/01/31 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
Python字符串大小写转换拼接删除空白
2019/09/19 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
Python二元算术运算常用方法解析
2020/09/15 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
什么是设计模式
2012/06/17 面试题
2014年健康教育实施方案
2014/02/17 职场文书
干部竞争上岗演讲稿
2014/09/11 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
领导干部考核评语
2015/01/04 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
小学2016年第十八届推普周活动总结
2016/04/05 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
ztree+ajax实现文件树下载功能
2021/05/18 Javascript
PostgreSQL聚合函数介绍以及分组和排序
2022/04/12 PostgreSQL
MySQL GTID复制的具体使用
2022/05/20 MySQL