通过"$("img").width();"谈谈我对百度搜索的一点看法

本文探讨了使用JQuery获取图片宽度时遇到的问题,并详细解释了为什么在DOM加载完成时无法获取到正确的图片宽度值。文章最后给出了正确的解决办法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天有个地方我想用JQuery获取图片的宽高值,于是就在百度里面搜索”jquery 获取图片宽度“,看了几篇文章之后我看到了最多的是这两段代码:

代码一:

<div id="cc"></div>
<script>
$(document).ready(function() {
$("#cc").append("<img id='aa' src='http://www.php100.com/uploadfile/2013/0905/20130905082334814.jpg' />");
alert($("#aa").width());
});
</script> 

代码二:


<div id="cc"></div>
<script>
$(document).ready(function() {
$("#cc").append("<img id='aa' src='http://www.php100.com/uploadfile/2013/0905/20130905082334814.jpg' />");
alert($("#aa").width());
});
</script>

但是我把这两段代码执行之后,得到的值一直是"null"

我被困扰了好久,既然百度能搜到这么多次两段代码为啥执行结果不是预期的一个数值呢?????

好吧,去google一下,终于解决了!!"

也让我今天多学到了一点东西!!"

$(document).ready(); $(window).load();

这两个的区别在于$(document).ready();表示在dom节点加载完之后执行,$(window).load();表示在网页加载后执行!"

dom加载完之后图片还没有加载,如果使用width()是获取不到图片宽度的,只有等到网页加载完成之后width()才有效果!"

劝大家多用google搜索技术文章吧 虽然英文文章多了点,但解决问题还是google给力!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值