免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

JQuery幾個比較實用小知識

2023-03-21    分類: 網站建設

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

本文名稱:JQuery幾個比較實用小知識
本文URL:http://m.newbst.com/news2/246402.html

成都網站建設公司_創新互聯,為您提供靜態網站自適應網站虛擬主機網站內鏈企業網站制作外貿網站建設

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

網站優化排名