承接国内外服务器租用托管、定制开发、网站代运营、网站seo优化托管接单、网站代更新,新老站点皆可!!咨询QQ:3787320601
当前位置:首页  >  互联网圈  >  jquery怎么获取图片的宽高

jquery怎么获取图片的宽高

管理员 2023-03-24 08:10:03 互联网圈 43 ℃ 0 评论 1739字 收藏

jquery怎样获得图片的宽高

使用jquery获得图片宽高的方法:1.新建html项目,引入jquery;2.使用img标签添加图片;3.为图片设置id属性;4.添加button按钮,绑定绑定onclick点击事件;5.通过id获得图片对象,使用height()和width()方法获得图片宽高;


jquery如何获取图片的宽高


具体步骤以下:

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


<script type="text/javascript" src="/static/jquery⑵.1.4.min.js"></script>


2.引入jquery后,在项目中使用img标签添加一张图片;


<img src="images/1.jpg" />


3.添加添加好后,为图片设置一个id属性,用于获得图片对象;


<img src="images/1.jpg" id="text" />


4.图片属性设置好后,添加一个button按钮,并绑定onclick点击事件;


<button omClick="set()"></button>


5.最后,按钮添加好后,在点击事件中通过id获得图片对象,在使用height()和width()方法便可获得图片的宽高;


function set(){

var w = $("#text").width();

var h = $("#text").height();

alert(w,h);

}



文章来源:丸子建站

文章标题:jquery怎么获取图片的宽高

https://www.wanzijz.com/view/2609.html

TAG: jquery

相关文章

Related articles

X

截屏,微信识别二维码

微信号:weimawl

(点击微信号复制,添加好友)

打开微信