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

use jscript Create a SQL Server database

Jun 16 Javascript

一个小例子解释如何来阻止Jquery事件冒泡

Jul 17 Javascript

javascript中call,apply,bind的用法对比分析

Feb 12 Javascript

由浅入深剖析Angular表单验证

Jul 14 Javascript

浅析JavaScript函数的调用模式

Aug 10 Javascript

JS实现物体带缓冲的间歇运动效果示例

Dec 22 Javascript

关于javascript获取内联样式与嵌入式样式的实例

Jun 01 Javascript

利用vue+elementUI实现部分引入组件的方法详解

Nov 22 Javascript

解决layui中的form表单与button的点击事件冲突问题

Aug 15 Javascript

js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】

Nov 07 Javascript

vuex(vue状态管理)的特殊应用案例分享

Mar 03 Javascript

js校验开始时间和结束时间

May 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

PHP 日，周，月点击排行统计

2012/01/11 PHP

Laravel 5.4.36中session没有保存成功问题的解决

2018/02/19 PHP

javascript动态添加、修改、删除对象的属性与方法详解

2014/01/27 Javascript

JQuery中使用Ajax赋值给全局变量失败异常的解决方法

2014/08/18 Javascript

js命名空间写法示例

2015/12/18 Javascript

jQuery绑定事件on()与弹窗的简要概述

2016/04/27 Javascript

JS实现获取剪贴板内容的方法

2016/06/21 Javascript

详解Vue中状态管理Vuex

2017/05/11 Javascript

Vue2.0权限树组件实现代码

2017/08/29 Javascript

js解决软键盘遮挡输入框的问题分享

2017/12/19 Javascript

详解微信小程序与内嵌网页交互实现支付功能

2018/10/22 Javascript

Vue.js轮播图走马灯代码实例（全）

2019/05/08 Javascript

vue实现分页栏效果

2019/06/28 Javascript

vue 组件内获取actions的response方式

2019/11/08 Javascript

js 使用ajax设置和获取自定义header信息的方法小结

2020/03/12 Javascript

用javascript实现倒计时效果

2021/02/09 Javascript

Python采集腾讯新闻实例

2014/07/10 Python

低版本中Python除法运算小技巧

2015/04/05 Python

举例详解Python中threading模块的几个常用方法

2015/06/18 Python

Django 中自定义 Admin 样式与功能的实现方法

2019/07/04 Python

python每天定时运行某程序代码

2019/08/16 Python

解决jupyter运行pyqt代码内核重启的问题

2020/04/16 Python

通用的Django注册功能模块实现方法

2021/02/05 Python

css3实例教程一款纯css3实现的发光屏幕旋转特效

2014/12/07 HTML / CSS

爱尔兰电子产品购物网站：Komplett.ie

2018/04/04 全球购物

英国曼彻斯特宠物用品品牌：Bunty Pet Products

2019/07/27 全球购物

英国最受欢迎的平价女士时装零售商：Roman Originals

2019/11/02 全球购物

大学生素质拓展活动方案

2014/02/11 职场文书

人力资源部经理岗位职责规定

2014/02/23 职场文书

品牌服务方案

2014/06/03 职场文书

学校党员对照检查材料

2014/08/28 职场文书

2015年元旦促销方案书

2014/12/09 职场文书

求职导师推荐信范文

2015/03/27 职场文书

预备党员群众意见

2015/06/01 职场文书

MySQL不使用order by实现排名的三种思路总结

2021/06/02 MySQL

《战锤40K：暗潮》跳票至9月公布新宣传片

2022/04/03 其他游戏