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中的一些定位属性[图解]
Jul 14 Javascript
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
Mar 03 Javascript
使用隐藏的new来创建对象
Mar 29 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
深入理解Javascript中this的作用域
Aug 12 Javascript
jquery单行文字向上滚动效果的实现代码
Sep 05 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
Vue中render函数的使用方法
Jan 31 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 Javascript
探索node之事件循环的实现
Oct 30 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
php读取文件内容至字符串中,同时去除换行、空行、行首行尾空格(Zjmainstay原创)
2012/07/31 PHP
美图秀秀web开放平台--PHP流式上传和表单上传示例分享
2014/06/22 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
PHP7多线程搭建教程
2017/04/21 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
Laravel 自动转换长整型雪花 ID 为字符串的实现
2020/10/27 PHP
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
jquery制作图片时钟特效
2020/03/30 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
2017/08/04 jQuery
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
JS正则表达式常见函数与用法小结
2020/04/13 Javascript
python网络编程示例(客户端与服务端)
2014/04/24 Python
python的tkinter布局之简单的聊天窗口实现方法
2014/09/03 Python
Python中extend和append的区别讲解
2019/01/24 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
python中的colorlog库使用详解
2019/07/05 Python
解决Mac下使用python的坑
2019/08/13 Python
Python collections中的双向队列deque简单介绍详解
2019/11/04 Python
Python爬虫爬取煎蛋网图片代码实例
2019/12/16 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
python如何使用腾讯云发送短信
2020/09/17 Python
matplotlib绘制鼠标的十字光标的实现(内置方式)
2021/01/06 Python
推荐10个HTML5响应式框架
2016/02/25 HTML / CSS
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
医学类导师推荐信范文
2013/11/19 职场文书
软件售后服务方案
2014/05/29 职场文书
销售人员求职信
2014/07/22 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
2016年校长新年寄语
2015/08/17 职场文书
纪检部部长竞选稿
2015/11/21 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
logback如何自定义日志存储
2021/08/30 Java/Android
php png失真的原因及解决办法
2021/11/17 PHP
python3 字符串str和bytes相互转换
2022/03/23 Python