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

9个javascript语法高亮插件推荐

Jul 18 Javascript

jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)

Oct 20 Javascript

基于jquery可配置循环左右滚动例子

Sep 09 Javascript

jquery mobile事件多次绑定示例代码

Sep 13 Javascript

js读写json文件实例代码

Oct 21 Javascript

jQuery实现的form转json经典示例

Oct 10 jQuery

web前端vue实现插值文本和输出原始html

Jan 19 Javascript

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

Apr 13 Javascript

JS实现关键词高亮显示正则匹配

Jun 22 Javascript

基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法

Dec 09 Javascript

编写更好的JavaScript条件式和匹配条件的技巧(小结)

Jun 27 Javascript

解决vue elementUI中table里数字、字母、中文混合排序问题

Jan 07 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

使用session判断用户登录用户权限(超简单)

2013/06/08 PHP

php class类的用法详细总结

2013/10/17 PHP

PHP Web木马扫描器代码分享

2015/09/06 PHP

一个完整的php文件上传类实例讲解

2015/10/27 PHP

拥抱模块化的JavaScript

2012/03/07 Javascript

表格单元格交错着色实现思路及代码

2013/04/01 Javascript

js操作table示例(个人心得)

2013/11/29 Javascript

js setTimeout()函数介绍及应用以倒计时为例

2013/12/12 Javascript

jquery实现html页面 div 假分页有原理有代码

2014/09/06 Javascript

JavaScript不刷新实现浏览器的前进后退功能

2014/11/05 Javascript

jQuery简单tab切换效果实现方法

2015/04/08 Javascript

Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能

2015/11/02 Javascript

用原生JS对AJAX做简单封装的实例代码

2016/07/13 Javascript

基于JQuery及AJAX实现名人名言随机生成器

2017/02/10 Javascript

详解基于webpack&gettext的前端多语言方案

2019/01/29 Javascript

微信小程序登录数据解密及状态维持实例详解

2019/05/06 Javascript

微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能

2019/12/17 Javascript

微信小程序开发搜索功能实现(前端+后端+数据库)

2020/03/04 Javascript

JavaScript实现随机点名器

2020/03/25 Javascript

vue css 引入asstes中的图片无法显示的四种解决方法

2020/03/16 Javascript

django通过ajax发起请求返回JSON格式数据的方法

2015/06/04 Python

Python读取键盘输入的2种方法

2015/06/16 Python

Python基础篇之初识Python必看攻略

2016/06/23 Python

python实现微信发送邮件关闭电脑功能

2018/02/22 Python

使用python实现离散时间傅里叶变换的方法

2019/09/02 Python

Python sep参数使用方法详解

2020/02/12 Python

Pytorch实现将模型的所有参数的梯度清0

2020/06/24 Python

用python-webdriver实现自动填表的示例代码

2021/01/13 Python

Marmot土拨鼠官网：美国专业户外运动品牌

2018/01/11 全球购物

大学军训感想

2014/02/12 职场文书

歌颂祖国的演讲稿

2014/05/04 职场文书

人身意外保险授权委托书

2014/10/01 职场文书

关于颐和园的导游词

2015/01/30 职场文书

写给导师的自荐信

2015/03/06 职场文书

教师教育心得体会

2016/01/19 职场文书

python blinker 信号库

2022/05/04 Python