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 相关文章推荐
基于jquery实现的可以编辑选择的下拉框的代码
Nov 19 Javascript
JsDom 编程小结
Aug 09 Javascript
js实现简单的星级选择器提交效果适用于评论等
Oct 18 Javascript
js禁止回车提交表单的示例代码
Dec 23 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
JS实现的表格行鼠标点击高亮效果代码
Nov 27 Javascript
原生Javascript和jQuery做轮播图简单例子
Oct 11 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
layui table 参数设置方法
Aug 14 Javascript
详解Vue中$props、$attrs和$listeners的使用方法
Feb 18 Vue.js
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
php递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
php中将地址生成迅雷快车旋风链接的代码[测试通过]
2011/04/20 PHP
PHP漏洞全解(详细介绍)
2012/11/13 PHP
PHP解压tar.gz格式文件的方法
2016/02/14 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
JS中判断null、undefined与NaN的方法
2014/03/26 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
2017/01/23 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
javascript 中关于array的常用方法详解
2017/05/05 Javascript
vue组件name的作用小结
2018/05/23 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
[48:24]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第一场 12.09
2020/12/12 DOTA
python fabric实现远程操作和部署示例
2014/03/25 Python
零基础写python爬虫之抓取百度贴吧代码分享
2014/11/06 Python
详解supervisor使用教程
2017/11/21 Python
python中的变量如何开辟内存
2018/06/26 Python
python 堆和优先队列的使用详解
2019/03/05 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
pytorch实现MNIST手写体识别
2020/02/14 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
详解基于python的全局与局部序列比对的实现(DNA)
2020/10/07 Python
Pytorch实现WGAN用于动漫头像生成
2021/03/04 Python
HTML5在IE10、火狐下中文乱码问题的解决方法
2013/11/18 HTML / CSS
HUGO BOSS美国官方网上商店:世界知名奢侈品牌
2017/08/04 全球购物
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
历史系毕业生自荐信
2013/10/28 职场文书
管道维修工岗位职责
2013/12/27 职场文书
写求职信有什么意义
2014/02/17 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
打架检讨书
2015/01/27 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书