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

修改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