编程 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 相关文章推荐

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