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

用js得到网页中所有的div的id

Oct 19 Javascript

jQuery Ajax 全解析

Feb 08 Javascript

javascript 鼠标拖动图标技术

Feb 07 Javascript

FireFox下XML对象转化成字符串的解决方法

Dec 09 Javascript

JavaScript中的变量作用域介绍

Dec 31 Javascript

jQuery实现的纵向下拉菜单实例详解【附demo源码下载】

Jul 09 Javascript

JavaScript实现简单的树形菜单效果

Jun 23 Javascript

React Native 截屏组件的示例代码

Dec 06 Javascript

用webpack4开发小程序的实现方法

Jun 04 Javascript

微信小程序前端自定义分享的实现方法

Jun 13 Javascript

使用jquery-easyui的布局layout写后台管理页面的代码详解

Jun 19 jQuery

JS实现碰撞检测效果

Mar 12 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 Socket 编程

2010/04/09 PHP

getimagesize获取图片尺寸实例

2014/11/15 PHP

php使用curl出现Expect:100-continue解决方法

2015/03/03 PHP

PHP实现向关联数组指定的Key之前插入元素的方法

2017/06/06 PHP

php使用crypt()函数进行加密

2017/06/08 PHP

javascript String 的扩展方法集合

2008/06/01 Javascript

手把手教你自己写一个js表单验证框架的方法

2010/09/14 Javascript

jQuery select表单提交省市区城市三级联动核心代码

2014/06/09 Javascript

PHP配置文件php.ini中打开错误报告的设置方法

2015/01/09 PHP

js实现的二分查找算法实例

2016/01/21 Javascript

js简单时间比较的方法

2016/08/02 Javascript

微信公众平台开发教程（五）详解自定义菜单

2016/12/02 Javascript

JavaScript编写一个贪吃蛇游戏

2017/03/09 Javascript

laydate 显示结束时间不小于开始时间的实例

2017/08/11 Javascript

vue利用v-for嵌套输出多层对象,分别输出到个表的方法

2018/09/07 Javascript

js+HTML5 canvas 实现简单的加载条(进度条)功能示例

2019/07/16 Javascript

小程序中英文混合排序问题解决

2019/08/02 Javascript

布同统计英文单词的个数的python代码

2011/03/13 Python

Mac OS X10.9安装的Python2.7升级Python3.3步骤详解

2013/12/04 Python

python 实现判断ip连通性的方法总结

2018/04/22 Python

PyTorch线性回归和逻辑回归实战示例

2018/05/22 Python

pytorch 中pad函数toch.nn.functional.pad()的用法

2020/01/08 Python

Python object类中的特殊方法代码讲解

2020/03/06 Python

Python中实现输入一个整数的案例

2020/05/03 Python

python 下载文件的几种方法汇总

2021/01/06 Python

CSS3移动端vw+rem不依赖JS实现响应式布局的方法

2019/01/23 HTML / CSS

德国最大的设计师鞋网上商店：Budapester

2017/12/07 全球购物

菲律宾购物网站：Lazada菲律宾

2018/04/05 全球购物

Coccinelle官网：意大利的著名皮具品牌

2019/05/15 全球购物

计算机专业学生求职信分享

2013/12/15 职场文书

中级会计职业生涯规划书

2014/03/01 职场文书

服务标兵事迹材料

2014/05/04 职场文书

2015年清明节演讲稿范文

2015/03/17 职场文书

2015年检验员工作总结范文

2015/04/30 职场文书

奖励申请报告范文

2015/05/15 职场文书

golang操作redis的客户端包有多个比如redigo、go-redis

2022/04/14 Golang