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':