胡斌_JQUERY實(shí)用大全

胡斌_JQUERY實(shí)用大全

ID:44821527

大小:89.50 KB

頁數(shù):15頁

時間:2019-10-30

胡斌_JQUERY實(shí)用大全_第1頁
胡斌_JQUERY實(shí)用大全_第2頁
胡斌_JQUERY實(shí)用大全_第3頁
胡斌_JQUERY實(shí)用大全_第4頁
胡斌_JQUERY實(shí)用大全_第5頁
資源描述:

《胡斌_JQUERY實(shí)用大全》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、本文翻譯自:CatsWhoCode(后期大量翻譯:TheWebsiteisverygood)1.平滑滾動到頁面頂部我們以一個熱門,實(shí)用的代碼片段開始:下面的4行jquery代碼,頁面訪問者通過點(diǎn)擊id為[#top],滑動到頁面的頂部;$("a[href='#top']").click(function(){$("html,body").animate({scrollTop:0},"slow");returnfalse;});2.克隆表格的表頭到表格底部為了使自己的表格可讀性更強(qiáng),將表格的表頭克隆到表格底部是個不錯的注意。下面就是這個實(shí)用的代碼片段。var$tfoot=$('

2、t>');$($('thead').clone(true,true).children().get().reverse()).each(function(){$tfoot.append($(this));});$tfoot.insertAfter('tablethead');3.加載外部內(nèi)容你需要添加外部內(nèi)容到div標(biāo)簽么?如果使用jquery,這就變得很簡單,具體實(shí)例如下:$("#content").load("somefile.html",function(response,status,xhr){//errorhandlingif(status=="error"

3、){$("#content").html("Anerroroccured:"+xhr.status+""+xhr.statusText);}});4.相同高度的標(biāo)簽縱列當(dāng)你的網(wǎng)站是用縱列來顯示的內(nèi)容是,如果所有的模塊列都是等高度的將會更好看,更整潔。下面的代碼將會,將為所有類為.col的div標(biāo)簽自適應(yīng)為(所有縱列高度最高)的等高模塊:varmaxheight=0;$("div.col").each(function(){if($(this).height()>maxheight){maxheight=$(this).height();}});$("div.col").height(

4、maxheight);5.表格的條紋(斑馬條紋)在表格上展示數(shù)據(jù)時,顏色交替無疑會增加可讀性;下面這段代碼,將為兩行中間的的一行自動加上CSS類(css類自己定義):$(document).ready(function(){$("tabletr:even").addClass('stripe');});6.頁面局部刷新如果你需要刷新頁面的一部分,下面會有一定的幫助,只需要3行代碼。在這個例子中,#refreshdiv每10秒自動刷新:setInterval(function(){$("#refresh").load(location.href+"#refresh>*","");},1

5、0000);//millisecondstowaitPreloadimagesjQuery輕松預(yù)載圖像背景中的游客不會永遠(yuǎn)等待時,他們將要顯示的圖像。此代碼可以使用,更新圖像列表只需8行:$.preloadImages=function(){for(vari=0;i").attr("src",arguments[i]);}}$(document).ready(function(){$.preloadImages("hoverimage1.jpg","hoverimage2.jpg");});7.在新標(biāo)簽/窗口打開鏈接ta

6、rget=”blank”屬性允許你鏈接在新窗口打開的力量。當(dāng)打開一個新窗口或標(biāo)簽的外部鏈接是相關(guān),同域的鏈接一定要在同一個窗口中打開。此代碼檢測,如果一個鏈接是外部的,如果是,增加了一個目標(biāo)target=”blank”的屬性給它。$('a').each(function(){vara=newRegExp('/'+window.location.host+'/');if(!a.test(this.href)){$(this).click(function(event){event.preventDefault();event.stopPropagation();window.open(

7、this.href,'_blank');});}});8.使用jQuery讓div滿寬度/高度這個方便的代碼允許你根據(jù)視圖窗口創(chuàng)建一個全屏寬度/高度的div。代碼也處理窗口大小調(diào)整。對模態(tài)對話框或彈出窗口來說不錯。//globalvarsvarwinWidth=$(window).width();varwinHeight=$(window).height();//setinitialdivheight/width$('div').css({'width':

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費(fèi)完成后未能成功下載的用戶請聯(lián)系客服處理。