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程序设计有所帮助。

Javascript 相关文章推荐
修改jquery.lazyload.js实现页面延迟载入
Dec 22 Javascript
jQuery EasyUI API 中文文档 - Calendar日历使用
Oct 19 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 Javascript
基于jquery实现的文字淡入淡出效果
Nov 14 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
分享Javascript实用方法二
Dec 13 Javascript
vue项目前端知识点整理【收藏】
May 13 Javascript
Vue使用Proxy监听所有接口状态的方法实现
Jun 07 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
jQuery实现轮播图效果demo
Jan 11 jQuery
原生JS实现留言板
Mar 26 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
全国中波电台频率表
2020/03/11 无线电
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
php常用hash加密函数
2014/11/22 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
js以对象为索引的关联数组
2010/07/04 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
2013/03/25 Javascript
网页中可关闭的漂浮窗口实现可自行调节
2013/08/20 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
js触发select onchange事件的小技巧
2014/08/05 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
详解node中创建服务进程
2017/05/09 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
2017/09/15 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
Python进行数据科学工作的简单入门教程
2015/04/01 Python
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
python实现多张图片拼接成大图
2019/01/15 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
英国精品买手店:Browns Fashion
2016/09/29 全球购物
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
小学家长会邀请函
2014/01/23 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
工作态度检讨书范文
2015/05/06 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
详解python字符串驻留技术
2021/05/21 Python
详解Java实现数据结构之并查集
2021/06/23 Java/Android