编程 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 全面解析各种浏览器网页中的JS 执行顺序

Feb 17 Javascript

jQuery调用WebService的实现代码

Jun 19 Javascript

利用jquery动画特效和css打造的侧边弹出垂直导航

Apr 04 Javascript

JavaScript在IE和FF下的兼容性问题

May 19 Javascript

HTML，CSS，JavaScript速查表推荐

Dec 02 Javascript

Jquery实现地铁线路指示灯提示牌效果的方法

Mar 02 Javascript

JQUERY实现网页右下角固定位置展开关闭特效的方法

Jul 27 Javascript

javascript性能优化之DOM交互操作实例分析

Dec 12 Javascript

关于Bootstrap弹出框无法调用问题的解决办法

Mar 10 Javascript

Webpack中雪碧图插件使用详解

May 25 Javascript

JavaScript的查询机制LHS和RHS解析

Aug 16 Javascript

Nuxt.js nuxt-link与router-link的区别说明

Nov 06 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

《破坏领主》销量已超100万未来将继续开发新内容

2020/03/08 其他游戏

PHP语法速查表

2007/01/02 PHP

array_multisort实现PHP多维数组排序示例讲解

2011/01/04 PHP

获取PHP警告错误信息的解决方法

2013/06/03 PHP

IIS下PHP的三种配置方式对比

2014/11/20 PHP

php按单词截取字符串的方法

2015/04/07 PHP

CI框架常用函数封装实例

2016/11/21 PHP

JS复制内容到剪切板的实例代码(兼容IE与火狐)

2013/11/19 Javascript

Treegrid的动态加载实例代码

2016/04/29 Javascript

Bootstrap教程JS插件滚动监听学习笔记分享

2016/05/18 Javascript

Bootstrap php制作动态分页标签

2016/12/23 Javascript

vue2.0父子组件间通信的实现方法

2017/04/19 Javascript

基于jQuery实现图片推拉门动画效果的两种方法

2017/08/26 jQuery

js遍历详解(forEach, map, for, for...in, for...of)

2019/08/28 Javascript

微信小程序实现转盘抽奖

2020/09/21 Javascript

python统计中文字符数量的两种方法

2019/01/31 Python

详解pandas删除缺失数据(pd.dropna()方法)

2019/06/25 Python

浅谈Python小波分析库Pywavelets的一点使用心得

2019/07/09 Python

如何通过50行Python代码获取公众号全部文章

2019/07/12 Python

Python字符串大小写转换拼接删除空白

2019/09/19 Python

PyQt5-QDateEdit的简单使用操作

2020/07/12 Python

Python二元算术运算常用方法解析

2020/09/15 Python

html5教程调用绘图api画简单的圆形代码分享

2013/12/04 HTML / CSS

Space NK美国站：英国高端美妆护肤商城

2017/05/22 全球购物

阿姆斯特丹城市卡：Amsterdam Pass

2019/12/01 全球购物

什么是设计模式

2012/06/17 面试题

2014年健康教育实施方案

2014/02/17 职场文书

干部竞争上岗演讲稿

2014/09/11 职场文书

政府班子四风问题整改措施

2014/10/04 职场文书

领导干部考核评语

2015/01/04 职场文书

2015年会计年终工作总结

2015/05/26 职场文书

小学2016年第十八届推普周活动总结

2016/04/05 职场文书

Python requests库参数提交的注意事项总结

2021/03/29 Python

ztree+ajax实现文件树下载功能

2021/05/18 Javascript

PostgreSQL聚合函数介绍以及分组和排序

2022/04/12 PostgreSQL

MySQL GTID复制的具体使用

2022/05/20 MySQL