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

父子窗体间传递JSON格式的数据的代码

Dec 25 Javascript

基于Jquery+Ajax+Json的高效分页实现代码

Oct 29 Javascript

Javascript 按位左移运算符使用介绍(

Feb 04 Javascript

原生javascript实现图片无缝滚动效果

Feb 12 Javascript

jquery实现ajax加载超时提示的方法

Jul 23 Javascript

微信小程序实现验证码获取倒计时效果

Feb 08 Javascript

js装饰设计模式学习心得

Feb 17 Javascript

vue form 表单提交后刷新页面的方法

Sep 04 Javascript

Vue路由模块化配置的完整步骤

Aug 14 Javascript

使用vue实现多规格选择实例（SKU）

Aug 23 Javascript

Vue设置长时间未操作登录自动到期返回登录页

Jan 22 Javascript

jQuery实现评论模块

Aug 19 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

PHP调用Webservice实例代码

2011/07/29 PHP

ThinkPHP后台首页index使用frameset时的注意事项分析

2014/08/22 PHP

PHP性能测试工具xhprof安装与使用方法详解

2018/04/29 PHP

Laravel ORM 数据model操作教程

2019/10/21 PHP

JavaScript入门之对象与JSON详解

2011/10/21 Javascript

JS控制弹出新页面窗口位置和大小的方法

2015/03/02 Javascript

JS实现控制表格行文本对齐的方法

2015/03/30 Javascript

跟我学习javascript的基本类型和引用类型

2015/11/16 Javascript

jQuery Easyui实现左右布局

2016/01/26 Javascript

对Angular.js Controller如何进行单元测试

2016/10/25 Javascript

详解js前端代码异常监控

2017/01/11 Javascript

超全面的javascript中变量命名规则

2017/02/09 Javascript

javascript按钮禁用和启用的效果实例代码

2017/10/29 Javascript

微信小程序上传图片功能（附后端代码）

2020/06/19 Javascript

使用Node搭建reactSSR服务端渲染架构

2018/08/30 Javascript

element el-input directive数字进行控制

2018/10/11 Javascript

element ui分页多选,翻页记忆的实例

2019/09/03 Javascript

VUE.CLI4.0配置多页面入口的实现

2019/11/25 Javascript

[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场

2014/05/26 DOTA

利用Python实现图书超期提醒

2016/08/02 Python

Python3.6使用tesseract-ocr的正确方法

2018/10/17 Python

如何用python写一个简单的词法分析器

2018/12/18 Python

python匹配两个短语之间的字符实例

2018/12/25 Python

解决python打不开文件(文件不存在)的问题

2019/02/18 Python

Python3实现的反转单链表算法示例

2019/03/08 Python

用pyqt5 给按钮设置图标和css样式的方法

2019/06/24 Python

Python填充任意颜色,不同算法时间差异分析说明

2020/05/16 Python

利用python制作拼图小游戏的全过程

2020/12/04 Python

HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注

2013/01/31 HTML / CSS

Proenza Schouler官方网站：纽约女装和配饰品牌

2019/01/03 全球购物

GafasWorld西班牙：购买太阳镜、眼镜和隐形眼镜

2019/09/08 全球购物

工程总经理工作职责

2013/12/09 职场文书

公司中秋节活动方案

2014/02/12 职场文书

小学班长竞选演讲稿

2014/04/24 职场文书

人生哲理妙语30条：淡写流年，笑过人生

2019/09/04 职场文书

Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解

2022/08/14 Python