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

JS正则表达式大全(整理详细且实用)

Nov 14 Javascript

javascript从image转换为base64位编码的String

Jul 29 Javascript

jQuery中wrapAll()方法用法实例

Jan 16 Javascript

javascript判断并获取注册表中可信任站点的方法

Jun 01 Javascript

jQuery操作cookie

Aug 08 Javascript

JS实现数组的增删改查操作示例

Aug 29 Javascript

bootstrap下拉分页样式带跳转页码

Dec 29 Javascript

koa+mongoose实现简单增删改查接口的示例代码

May 13 Javascript

ES6 新增的创建数组的方法(小结)

Aug 01 Javascript

js get和post请求实现代码解析

Feb 06 Javascript

vue瀑布流组件实现上拉加载更多

Mar 10 Javascript

微信小程序实现多行文字滚动

Nov 18 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

PHPCMS的使用小结

2010/09/20 PHP

php cookie使用方法学习笔记分享

2013/11/07 PHP

PHP中调用SVN命令更新网站方法

2015/01/07 PHP

php实现curl模拟ftp上传的方法

2015/07/29 PHP

实例讲解PHP表单处理

2019/02/15 PHP

php命名空间设计思想、用法与缺点分析

2019/07/17 PHP

一个对于Array的简单扩展

2006/10/03 Javascript

jquery实现文字由下到上循环滚动的实例代码

2013/08/09 Javascript

JavaScript程序员应该知道的45个实用技巧

2014/03/04 Javascript

Javascript访问器属性实例分析

2014/12/30 Javascript

jQuery中wrapAll()方法用法实例

2015/01/16 Javascript

基于jQuery实现自动轮播旋转木马特效

2015/11/02 Javascript

JS中Eval解析JSON字符串的一个小问题

2016/02/21 Javascript

JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)

2016/12/14 Javascript

快速入门Vue

2016/12/19 Javascript

微信小程序开发教程之增加mixin扩展

2017/08/09 Javascript

vue input实现点击按钮文字增删功能示例

2019/01/29 Javascript

解决layui数据表格table的横向滚动条显示问题

2019/09/04 Javascript

Vue 中如何将函数作为 props 传递给组件的实现代码

2020/05/12 Javascript

[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油

2017/04/01 DOTA

利用Anaconda简单安装scrapy框架的方法

2018/06/13 Python

浅谈Python中的全局锁(GIL)问题

2019/01/11 Python

使用Python函数进行模块化的实现

2019/11/15 Python

Python之指数与E记法的区别详解

2019/11/21 Python

使用Python实现批量ping操作方法

2020/05/06 Python

Python计算信息熵实例

2020/06/18 Python

AmazeUI折叠式卡片布局，整合内容列表、表格组件实现

2020/08/20 HTML / CSS

国际鲜花速递专家：Floraqueen

2016/11/24 全球购物

Sneaker Studio乌克兰：购买运动鞋

2018/03/26 全球购物

2014年人事行政工作总结

2014/12/03 职场文书

2015年端午节活动方案

2015/05/05 职场文书

卫生保健工作总结2015

2015/05/18 职场文书

初中同学会致辞

2015/08/01 职场文书

实用干货：敬酒词大全，帮你应付各种场合

2019/11/21 职场文书

分享mysql的current_timestamp小坑及解决

2021/11/27 MySQL

Mysql中常用的join连接方式

2022/05/11 MySQL