编程 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中的几个关键概念的理解-原型链的构建

May 12 Javascript

javascript获取当前鼠标坐标的方法

Jan 10 Javascript

基于jQuery实现仿淘宝套餐选择插件

Mar 04 Javascript

javascript html5摇一摇功能的实现

Apr 19 Javascript

JavaScript编程中实现对象封装特性的实例讲解

Jun 24 Javascript

Jquery针对tr td的一些实用操作方法(必看篇)

Oct 05 Javascript

javascript数据类型详解

Feb 07 Javascript

Angular @HostBinding()和@HostListener()用法

Mar 05 Javascript

vue微信分享的实现(在当前页面分享其他页面)

Apr 16 Javascript

深入了解响应式React Native Echarts组件

May 29 Javascript

浅谈vue中$bus的使用和涉及到的问题

Jul 28 Javascript

Node与Python 双向通信的实现代码

Jul 16 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实现字符串反转输出的方法

2015/03/14 PHP

PHP数据源架构模式之表入口模式实例分析

2020/01/23 PHP

JavaScript的面向对象(一)

2006/11/09 Javascript

屏蔽IE弹出"您查看的网页正在试图关闭窗口,是否关闭此窗口"的方法

2013/12/31 Javascript

js如何判断用户是在PC端和还是移动端访问

2014/04/24 Javascript

WEB前端开发框架Bootstrap3 VS Foundation5

2016/05/16 Javascript

Js+Ajax,Get和Post在使用上的区别小结

2016/06/08 Javascript

浅谈jquery点击label触发2次的问题

2016/06/12 Javascript

Bootstrap3使用typeahead插件实现自动补全功能

2016/07/07 Javascript

详解jQuery选择器

2016/12/21 Javascript

angular动态表单制作

2018/02/23 Javascript

nodejs实现连接mongodb数据库的方法示例

2018/03/15 NodeJs

详解vuex中mapState,mapGetters,mapMutations,mapActions的作用

2018/04/13 Javascript

layui清除radio的选中状态实例

2019/11/14 Javascript

d3.js实现图形缩放平移

2019/12/19 Javascript

6种JavaScript继承方式及优缺点(小结)

2020/02/06 Javascript

element中的$confirm的使用

2020/04/26 Javascript

详细分析Node.js 模块系统

2020/06/28 Javascript

ES6中的类（Class）示例详解

2020/12/09 Javascript

[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片

2015/02/07 DOTA

通过mod_python配置运行在Apache上的Django框架

2015/07/22 Python

Python实现遍历目录的方法【测试可用】

2017/03/22 Python

ubuntu 16.04下python版本切换的方法

2019/06/14 Python

Python装饰器使用你可能不知道的几种姿势

2019/10/25 Python

Python:type、object、class与内置类型实例

2019/12/25 Python

python实现密码强度校验

2020/03/18 Python

GoPro摄像机美国官网：美国运动相机厂商

2018/07/03 全球购物

英国领先的互联网葡萄酒礼品商：Vintage Wine & Port

2019/05/24 全球购物

网络、C以及其他硬件方面的面试题

2016/08/23 面试题

营销与策划专业毕业生求职信

2013/11/01 职场文书

大学生自我鉴定

2013/12/16 职场文书

诉讼财产保全担保书

2014/05/20 职场文书

路政管理求职信

2014/06/18 职场文书

运动员获奖感言

2014/08/15 职场文书

二审答辩状范文

2015/05/22 职场文书

户外拓展训练感想

2015/08/07 职场文书