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

ExtJS Grid使用SimpleStore、多选框的方法

Nov 20 Javascript

javascript的动态加载、缓存、更新以及复用（一）

Jun 09 Javascript

基于jquery实现简单的手风琴特效

Nov 24 Javascript

jQuery回到顶部的代码

Jul 09 Javascript

微信小程序闭包写法详细介绍

Dec 14 Javascript

简单谈谈关于 npm 5.0 的新坑

Jun 08 Javascript

浅谈JS函数节流防抖

Oct 18 Javascript

解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题

Sep 14 Javascript

vue中组件的过渡动画及实现代码

Nov 21 Javascript

JS正则表达式封装与使用操作示例

May 15 Javascript

vue中实现Monaco Editor自定义提示功能

Jul 05 Javascript

微信小程序实现首页弹出广告

Dec 03 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

2006/12/14 PHP

php中foreach结合curl实现多线程的方法分析

2016/09/22 PHP

Zend Framework入门教程之Zend_Db数据库操作详解

2016/12/08 PHP

PHP操作Redis常用技巧总结

2018/04/24 PHP

laravel在中间件内生成参数并且传递到控制器中的2种姿势

2019/10/15 PHP

一端时间轮换的广告

2006/06/26 Javascript

Jquery动态进行图片缩略的原理及实现

2013/08/13 Javascript

解决jquery实现的radio重新选中的问题

2015/07/03 Javascript

JavaScript中利用构造器函数模拟类的方法

2017/02/16 Javascript

Vue + Webpack + Vue-loader学习教程之相关配置篇

2017/03/14 Javascript

vue学习笔记之指令v-text && v-html && v-bind详解

2017/05/12 Javascript

JS实现table表格固定表头且表头随横向滚动而滚动

2017/10/26 Javascript

vue解决弹出蒙层滑动穿透问题的方法

2018/09/22 Javascript

关于Vue源码vm.$watch()内部原理详解

2019/04/26 Javascript

详解vue中$nextTick和$forceUpdate的用法

2019/12/11 Javascript

vue 动态添加class,三个以上的条件做判断方式

2020/11/02 Javascript

[04:07]显微镜下的DOTA2第八期——英雄复活动作

2014/06/24 DOTA

python统计日志ip访问数的方法

2015/07/06 Python

详解Python的Flask框架中的signals信号机制

2016/06/13 Python

Python实现八大排序算法

2016/08/13 Python

Python之pandas读写文件乱码的解决方法

2018/04/20 Python

python pytest进阶之xunit fixture详解

2019/06/27 Python

Python Lambda函数使用总结详解

2019/12/11 Python

Pytorch中Tensor与各种图像格式的相互转化详解

2019/12/26 Python

pandas中read_csv、rolling、expanding用法详解

2020/04/21 Python

python 动态绘制爱心的示例

2020/09/27 Python

雅萌 (YA-MAN) ：日本美容家电领域的龙头企业

2017/05/12 全球购物

美国领先的水果篮送货公司和新鲜水果供应商：The Fruit Company

2018/02/13 全球购物

桥梁与隧道工程专业本科生求职信

2013/10/08 职场文书

文秘人员工作职责

2014/01/31 职场文书

公司薪酬管理制度

2014/01/31 职场文书

上班看电影检讨书

2014/02/12 职场文书

关于热爱祖国的演讲稿

2014/05/04 职场文书

羽毛球比赛策划方案

2014/06/13 职场文书

文明城市标语

2014/06/16 职场文书

Filebeat 采集 Nginx 日志的方法

2021/03/31 Servers