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

基于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 职场文书