今天有个地方我想用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给力!