JQUERY是一個(gè)很常用的js框架,也非常實(shí)現(xiàn)。由于現(xiàn)在瀏覽器對(duì)flash,css3支持還不全面,對(duì)falsh更是越來(lái)越差,而jquery使用簡(jiǎn)單,容易上手,對(duì)瀏覽器支持全面,在web領(lǐng)域使用非常廣泛。而且現(xiàn)在網(wǎng)上有各種各樣基于jqery開(kāi)發(fā)的插件,使用非??旖莘奖?。下面推薦幾個(gè)干貨小知識(shí):
預(yù)加載圖片這個(gè)功能適于網(wǎng)站應(yīng)用了很多不可見(jiàn)的圖片(如:鼠標(biāo)經(jīng)過(guò)顯示等),如果預(yù)先加載完成,對(duì)網(wǎng)站效果會(huì)有比較好的體現(xiàn)
Code:
$('div').click(function(){
$(document.body).animate({scrollTop:0},800);returnfalse
});
檢查圖片是否加載完成如果你的效果需要在圖片加載完成后執(zhí)行(如:一些濾鏡特效等),效果看起來(lái)更加流暢。
Code
$('img').load(function(){
//執(zhí)行代碼
});
批量修復(fù)錯(cuò)誤圖片這個(gè)功能應(yīng)該是非常常見(jiàn)且實(shí)用,在網(wǎng)站是上傳圖片是難免會(huì)碰到了圖片損壞或丟失,圖片會(huì)顯示不正常,會(huì)影響網(wǎng)站美觀,這時(shí)就要用預(yù)先準(zhǔn)備好的圖片顯示
Code
$('img').on('error',function(){
$(this).prop('src','圖片路徑');
});
超出文本部分顯示省略號(hào)在有限空間內(nèi)顯示元素的要素是,一般都采用簡(jiǎn)短方式顯示,當(dāng)我們無(wú)法控制達(dá)到好顯示呈現(xiàn),這樣我們需要用到這個(gè)功能,多出部分自動(dòng)隱藏且顯示省略號(hào)
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跨域訪問(wèn)Ajax跨域使用場(chǎng)景特殊,何為跨域?是指不同域名之間互相訪問(wèn),網(wǎng)上有多種的
解決方案,我也用過(guò)幾種,但方便也最便捷的方法是我推薦的這種。在服務(wù)端加上一下代碼即可,非常方便
Code
header("Access-Control-Allow-Origin: *");
返回頂部現(xiàn)在很多基于jquery開(kāi)發(fā)的插件都可以拿來(lái)直接使用。其實(shí)使用jQuery自身函數(shù)就可以輕松達(dá)到目的。
Code
$('a.top').click(function(){
$(document.body).animate({scrollTop:0},800);returnfalse
});
作者:創(chuàng)新互聯(lián)吳國(guó)美
本文名稱:JQuery幾個(gè)比較實(shí)用小知識(shí)
本文URL:http://jinyejixie.com/news2/246402.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、虛擬主機(jī)、網(wǎng)站內(nèi)鏈、企業(yè)網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)