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

JavaScript Konami Code 实现代码

Jul 29 Javascript

JS.elementGetStyle(element, style)应用示例

Sep 24 Javascript

JS 获取滚动条高度示例代码

Oct 24 Javascript

jQuery操作JSON的CRUD用法实例

Feb 25 Javascript

jQuery超简单选项卡完整实例

Sep 26 Javascript

JS验证逗号隔开可以是中文字母数字

Apr 22 Javascript

javascript设计模式之Adapter模式【适配器模式】实现方法示例

Jan 13 Javascript

Angular 4 依赖注入学习教程之FactoryProvider的使用（四）

Jun 04 Javascript

JavaScript登录验证基础教程

Nov 01 Javascript

javascript面向对象创建对象的方式小结

Jul 29 Javascript

基于vue+element实现全局loading过程详解

Jul 10 Javascript

Element-ui Layout布局(Row和Col组件)的实现

Dec 06 Vue.js

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数组操作汇总 php数组的使用技巧

2011/07/17 PHP

PHPCMS2008广告模板SQL注入漏洞修复

2016/10/11 PHP

php实现文章置顶功能的方法

2016/10/20 PHP

老生常谈php 正则中的i,m,s,x,e分别表示什么

2017/03/02 PHP

网页里控制图片大小的相关代码

2006/06/25 Javascript

用 Javascript 验证表单(form)中的单选(radio)值

2009/09/08 Javascript

jQuery-serialize()输出序列化form表单值的方法

2012/12/26 Javascript

通过Javascript读取本地Excel文件内容的代码示例

2014/04/08 Javascript

js实现select二级联动下拉菜单

2020/04/17 Javascript

简单实现jQuery进度条轮播实例代码

2016/06/20 Javascript

JavaScript的==运算详解

2016/07/20 Javascript

ros::spin() 和 ros::spinOnce()函数的区别及详解

2016/10/01 Javascript

JavaScript面向对象中接口实现方法详解

2019/07/24 Javascript

详解用async/await来处理异步

2019/08/28 Javascript

使用webpack搭建pixi.js开发环境

2020/02/12 Javascript

Python学习笔记整理3之输入输出、python eval函数

2015/12/14 Python

在Python的Flask中使用WTForms表单框架的基础教程

2016/06/07 Python

go和python变量赋值遇到的一个问题

2017/08/31 Python

Python3学习urllib的使用方法示例

2017/11/29 Python

PyQt5每天必学之弹出消息框

2018/04/19 Python

python读取mysql数据绘制条形图

2020/03/25 Python

基于Python实现视频的人脸融合功能

2020/06/12 Python

Python绘制词云图之可视化神器pyecharts的方法

2021/02/23 Python

CSS3实现文字波浪线效果示例代码

2016/11/20 HTML / CSS

美国女性卫生用品公司：Thinx

2017/06/30 全球购物

SQL Server 2000数据库的文件有哪些，分别进行描述。

2015/11/09 面试题

Unix如何添加新的用户

2014/08/20 面试题

模具设计与制造专业求职信

2014/07/19 职场文书

儿园租房协议书范本

2014/12/02 职场文书

2014年卫生院工作总结

2014/12/03 职场文书

病人写给医生的感谢信

2015/01/23 职场文书

员工手册董事长致辞

2015/07/29 职场文书

《包身工》教学反思

2016/02/23 职场文书

怎样写好演讲稿题目？

2019/08/21 职场文书

python实现的web监控系统

2021/04/27 Python

浅谈Python响应式类库RxPy

2021/06/14 Python