JQUERY是一個很常用的js框架，也非常實現(xiàn)。由于現(xiàn)在瀏覽器對flash，css3支持還不全面，對falsh更是越來越差，而jquery使用簡單，容易上手，對瀏覽器支持全面，在web領(lǐng)域使用非常廣泛。而且現(xiàn)在網(wǎng)上有各種各樣基于jqery開發(fā)的插件，使用非常快捷方便。下面推薦幾個干貨小知識：
預(yù)加載圖片這個功能適于網(wǎng)站應(yīng)用了很多不可見的圖片（如：鼠標(biāo)經(jīng)過顯示等），如果預(yù)先加載完成，對網(wǎng)站效果會有比較好的體現(xiàn)
Code:
$('div').click(function(){
    $(document.body).animate({scrollTop:0},800);returnfalse
});
檢查圖片是否加載完成如果你的效果需要在圖片加載完成后執(zhí)行（如：一些濾鏡特效等），效果看起來更加流暢。
Code
$('img').load(function(){
   //執(zhí)行代碼
});
 
批量修復(fù)錯誤圖片這個功能應(yīng)該是非常常見且實用，在網(wǎng)站是上傳圖片是難免會碰到了圖片損壞或丟失，圖片會顯示不正常，會影響網(wǎng)站美觀，這時就要用預(yù)先準(zhǔn)備好的圖片顯示
Code
$('img').on('error',function(){
  $(this).prop('src','圖片路徑');
});
超出文本部分顯示省略號在有限空間內(nèi)顯示元素的要素是，一般都采用簡短方式顯示，當(dāng)我們無法控制達到完美顯示呈現(xiàn)，這樣我們需要用到這個功能，多出部分自動隱藏且顯示省略號
Code:
$.fn.limit=function(){
var self = $("*[limit]");
   self.each(
function(){
var objString = $.trim($(this).text());
var objLength = $.trim($(this).text()).length;
var num = $(this).attr("limit");
if(objLength > num){
$(this).attr("title",objString);
               objString = $(this).text(objString.substring(0,num) + "...");
            }
         }
   )
};
使用方式：
$("span[limit]").limit();
Ajax跨域訪問Ajax跨域使用場景特殊，何為跨域？是指不同域名之間互相訪問，網(wǎng)上有多種的解決方案，我也用過幾種，但方便也最便捷的方法是我推薦的這種。在服務(wù)端加上一下代碼即可，非常方便
Code
header("Access-Control-Allow-Origin: *");
返回頂部現(xiàn)在很多基于jquery開發(fā)的插件都可以拿來直接使用。其實使用jQuery自身函數(shù)就可以輕松達到目的。
Code
$('a.top').click(function(){
    $(document.body).animate({scrollTop:0},800);returnfalse
});

作者：方維網(wǎng)絡(luò)吳國美