jquery實現(xiàn)在頁面加載完畢后獲取圖片高度或?qū)挾?/h1>
更新時間：2014年06月16日 16:46:52 投稿：whsnow
應(yīng)項目要求，需要在頁面加載完畢之后獲取圖片的高度，本例使用jquery來完成這個功能，需要的朋友可以參考下
日前，本技術(shù)屌絲又遇到了一個很有意思的問題，應(yīng)項目要求，需要在頁面加載完畢之后獲取圖片的高度，以此來調(diào)整圖片上面的覆蓋層相對于圖片頂端的位置。
但在jquery(function(){ /*XXXXXX*/});里面寫了之后發(fā)現(xiàn)不是很理想，因為當(dāng)jquery準(zhǔn)備就緒的時候，此時圖片絕大部分情況下都沒加載完畢，這可急壞了本屌絲~~~T~T
本屌絲就想啊，要是jquery有個跟js的onload()的方法多好啊，擦~真是天上掉下個大狗屎，恰巧砸到本屌絲~~在網(wǎng)上搜了下，還真有這么個方法，寫法如下：
復(fù)制代碼 代碼如下:
$(window).load(function() {
alert("你猜圖片加載完畢了嗎？");
});
本屌絲見到這個方法，如同在貧民窟里看到一坨金光閃閃的狗屎~~遂趕緊試了下，哇~~~哇~~~哇哦~~~真爽！還真解決了！
不得不佩服jquery的強(qiáng)大！為了保險期間，進(jìn)行了深層的進(jìn)化，代碼如下：
復(fù)制代碼 代碼如下:
jQuery(function(){
jQuery(window).load(function(){
/*對圖片的操作，可獲取img高度，寬度，進(jìn)行一些列操作等！*/
});
});
您可能感興趣的文章:- jquery實現(xiàn)動態(tài)改變div寬度和高度
- jquery動態(tài)改變div寬度和高度
- 基于jQuery實現(xiàn)左右div自適應(yīng)高度完全相同的代碼
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
- js和jquery如何獲取圖片真實的寬度和高度
- JQuery獲取當(dāng)前屏幕的高度寬度的實現(xiàn)代碼
- JS和jquery獲取各種屏幕的寬度和高度的代碼
- 使用jquery獲取網(wǎng)頁中圖片高度的兩種方法
- JQuery獲取各種寬度、高度(format函數(shù))實例
- JQuery獲取瀏覽器窗口內(nèi)容部分高度的代碼
- jQuery獲取頁面及個元素高度、寬度的總結(jié)——超實用
- jquery獲取文檔高度和窗口高度匯總
- jQuery實現(xiàn)獲取隱藏div高度的方法示例
相關(guān)文章
-
jQuery學(xué)習(xí)筆記之 Ajax操作篇（一） - 數(shù)據(jù)加載
Ajax 通俗來講即不需要刷新頁面即可從服務(wù)器或客戶端上加載數(shù)據(jù)，當(dāng)然這些數(shù)據(jù)的格式是多種多樣的。 2014-06-06
-
jQuery實現(xiàn)鼠標(biāo)滾動圖片延遲加載效果附源碼下載
本文給大家分享jquery技術(shù)實現(xiàn)圖片延時加載效果，本特效沒有使用專門的圖片延遲加載插件，只需要一小段jQuery代碼就實現(xiàn)了圖片延遲加載，使用非常方便，需要的朋友可以下載源碼 2016-06-06
-
如果看過本文姊妹篇《jqPlot——基于jquery的圖表繪制工具》的朋友，應(yīng)該知道jqPlot大致的操作方法；如果還是不太清楚的話，可以參考jqPlot官方網(wǎng)站的使用方法介紹。 2009-07-07
-
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)簡單登錄條件判斷，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2022-03-03
-
本篇文章主要是對Cookie中的Path與domain進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助 2013-12-12
-
jQuery中DOM節(jié)點的刪除方法總結(jié)（超全面）
這篇文章主要介紹了jQuery中DOM節(jié)點的刪除方法,文中介紹的很相信，內(nèi)容包括empty()的基本用法、remove()的有參用法和無參用法、empty和remove區(qū)別、保留數(shù)據(jù)的刪除操作detach()以及detach()和remove()區(qū)別，需要的朋友可以參考借鑒。 2017-01-01
-
在easyUI開發(fā)中，出現(xiàn)jquery.easyui.min.js函數(shù)庫問題的解決辦法
easyUI是jquery的一個插件，是民間的插件，easyUI使用起來很方便，里面有網(wǎng)頁制作的最重要的三大方塊：javascript代碼、html代碼和Css樣式，但是很容易出現(xiàn)jquery.easyui.min.js函數(shù)庫問題，小編教大家如何解決問題，需要的朋友可以參考下 2015-09-09
-
下面小編就為大家?guī)硪黄猨Query基本選擇器(實例及表單域value的獲取方法)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 2016-05-05
-
拉動滾動條加載數(shù)據(jù)的jquery代碼，需要的朋友可以參考下 2012-05-05
-
jQuery 3.0 的 setter和getter 模式詳解
這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下 2016-07-07
最新評論
但在jquery(function(){ /*XXXXXX*/});里面寫了之后發(fā)現(xiàn)不是很理想，因為當(dāng)jquery準(zhǔn)備就緒的時候，此時圖片絕大部分情況下都沒加載完畢，這可急壞了本屌絲~~~T~T
本屌絲就想啊，要是jquery有個跟js的onload()的方法多好啊，擦~真是天上掉下個大狗屎，恰巧砸到本屌絲~~在網(wǎng)上搜了下，還真有這么個方法，寫法如下：
復(fù)制代碼 代碼如下:
$(window).load(function() {
alert("你猜圖片加載完畢了嗎？");
});
本屌絲見到這個方法，如同在貧民窟里看到一坨金光閃閃的狗屎~~遂趕緊試了下，哇~~~哇~~~哇哦~~~真爽！還真解決了！
不得不佩服jquery的強(qiáng)大！為了保險期間，進(jìn)行了深層的進(jìn)化，代碼如下：
復(fù)制代碼 代碼如下:
jQuery(function(){
jQuery(window).load(function(){
/*對圖片的操作，可獲取img高度，寬度，進(jìn)行一些列操作等！*/
});
});
您可能感興趣的文章:
- jquery實現(xiàn)動態(tài)改變div寬度和高度
- jquery動態(tài)改變div寬度和高度
- 基于jQuery實現(xiàn)左右div自適應(yīng)高度完全相同的代碼
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
- js和jquery如何獲取圖片真實的寬度和高度
- JQuery獲取當(dāng)前屏幕的高度寬度的實現(xiàn)代碼
- JS和jquery獲取各種屏幕的寬度和高度的代碼
- 使用jquery獲取網(wǎng)頁中圖片高度的兩種方法
- JQuery獲取各種寬度、高度(format函數(shù))實例
- JQuery獲取瀏覽器窗口內(nèi)容部分高度的代碼
- jQuery獲取頁面及個元素高度、寬度的總結(jié)——超實用
- jquery獲取文檔高度和窗口高度匯總
- jQuery實現(xiàn)獲取隱藏div高度的方法示例
相關(guān)文章
-
jQuery學(xué)習(xí)筆記之 Ajax操作篇（一） - 數(shù)據(jù)加載
Ajax 通俗來講即不需要刷新頁面即可從服務(wù)器或客戶端上加載數(shù)據(jù)，當(dāng)然這些數(shù)據(jù)的格式是多種多樣的。2014-06-06 -
jQuery實現(xiàn)鼠標(biāo)滾動圖片延遲加載效果附源碼下載
本文給大家分享jquery技術(shù)實現(xiàn)圖片延時加載效果，本特效沒有使用專門的圖片延遲加載插件，只需要一小段jQuery代碼就實現(xiàn)了圖片延遲加載，使用非常方便，需要的朋友可以下載源碼2016-06-06 - 如果看過本文姊妹篇《jqPlot——基于jquery的圖表繪制工具》的朋友，應(yīng)該知道jqPlot大致的操作方法；如果還是不太清楚的話，可以參考jqPlot官方網(wǎng)站的使用方法介紹。2009-07-07
- 這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)簡單登錄條件判斷，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
- 本篇文章主要是對Cookie中的Path與domain進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
-
jQuery中DOM節(jié)點的刪除方法總結(jié)（超全面）
這篇文章主要介紹了jQuery中DOM節(jié)點的刪除方法,文中介紹的很相信，內(nèi)容包括empty()的基本用法、remove()的有參用法和無參用法、empty和remove區(qū)別、保留數(shù)據(jù)的刪除操作detach()以及detach()和remove()區(qū)別，需要的朋友可以參考借鑒。2017-01-01 -
在easyUI開發(fā)中，出現(xiàn)jquery.easyui.min.js函數(shù)庫問題的解決辦法
easyUI是jquery的一個插件，是民間的插件，easyUI使用起來很方便，里面有網(wǎng)頁制作的最重要的三大方塊：javascript代碼、html代碼和Css樣式，但是很容易出現(xiàn)jquery.easyui.min.js函數(shù)庫問題，小編教大家如何解決問題，需要的朋友可以參考下2015-09-09 - 下面小編就為大家?guī)硪黄猨Query基本選擇器(實例及表單域value的獲取方法)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
- 拉動滾動條加載數(shù)據(jù)的jquery代碼，需要的朋友可以參考下2012-05-05
-
jQuery 3.0 的 setter和getter 模式詳解
這篇文章主要介紹了jQuery 3.0 的 setter和getter 模式詳解的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07