高防服务器

jquery如何设置div大小


jquery如何设置div大小

发布时间:2022-03-28 17:05:54 来源:高防服务器网 阅读:97 作者:iii 栏目:大数据

这篇文章主要介绍“jquery如何设置div大小”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery如何设置div大小”文章能帮助大家解决问题。

具体步骤如下:

1.首先,新建一个html项目,并在项目中引入jquery;

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>


2.引入jquery后,在项目中创建一个div标签,并设置id属性,用于测试;



<div id="btn">测试标签</div>


3.div标签好后,添加一个button按钮,并绑定onclick点击事件,用于点击设置大小;

<button onClick="set()"><button>


4.最后,按钮添加好后,在点击事件中通过id获取标签对象,在使用width()和height()方法即可设置div标签的大小;

function set(){

$("#btn").width('50px').height('100px');

}


关于“jquery如何设置div大小”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注高防服务器网行业资讯频道,小编每天都会为大家更新不同的知识点。

[微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

[图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
[