$（"![]()
"）.attr（"src",arguments[i]）;
}
}
$（document）.ready（function（）{
$.preloadImages（"hoverimage1.jpg","hoverimage2.jpg"）;
}）;
7.在新标签/窗口打开链接
target=”blank”属性允许你链接在新窗口打开的力量。
当打开一个新窗口或标签的外部链接是相关，同域的链接一定要在同一个窗口中打开。
此代码检测，如果一个链接是外部的，如果是，增加了一个目标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（this.href,'_blank'）;
}）;
}
}）;
8.使用jQuery让div满宽度/高度
这个方便的代码允许你根据视图窗口创建一个全屏宽度/高度的div。
代码也处理窗口大小调整。
对模态对话框或弹出窗口来说不错。
//globalvars
varwinWidth=$（window）.width（）;
varwinHeight=$（window）.height（）;
//setinitialdivheight/width
$（'div'）.css（{
'width':
winWidth,
'height':
winHeight,
}）;
//makesuredivstaysfullwidth/heightonresize
$（window）.resize（function（）{
$（'div'）.css（{
'width':
winWidth,
'height':
winHeight,
}）;
}）;
9.检验密码强度
当你让用户定义的密码时，这是表示密码一般是多么强大的好东西。
这就是下面代码要做的事:
首先，假设HTML是：
这里是相应的jQuery代码。
输入的密码将被评估使用正则表达式和一个消息将被返回给用户，让他知道如果他选择的密码强，中，弱，或过短。
$（'#pass'）.keyup（function（e）{
varstrongRegex=newRegExp（"^（?
=.{8,}）（?
=.*[A-Z]）（?
=.*[a-z]）（?
=.*[0-9]）（?
=.*\\W）.*$","g"）;
varmediumRegex=newRegExp（"^（?
=.{7,}）（（（?
=.*[A-Z]）（?
=.*[a-z]））|（（?
=.*[A-Z]）（?
=.*[0-9]））|（（?
=.*[a-z]）（?
=.*[0-9]）））.*$","g"）;
varenoughRegex=newRegExp（"（?
=.{6,}）.*","g"）;
if（false==enoughRegex.test（$（this）.val（）））{
$（'#passstrength'）.html（'MoreCharacters'）;
}elseif（strongRegex.test（$（this）.val（）））{
$（'#passstrength'）.className='ok';
$（'#passstrength'）.html（'Strong!
'）;
}elseif（mediumRegex.test（$（this）.val（）））{
$（'#passstrength'）.className='alert';
$（'#passstrength'）.html（'Medium!
'）;
}else{
$（'#passstrength'）.className='error';
$（'#passstrength'）.html（'Weak!
'）;
}
returntrue;
}）;
10.使用jQuery调整图像大小
尽管你应该调整您的图像在服务器端（使用PHP和GD）。
使用jQuery调整图像也非常有用。
下面的代码将诠释怎么用。
$（window）.bind（"load",function（）{
//IMAGERESIZE
$（'#product_cat_listimg'）.each（function（）{
varmaxWidth=120;
varmaxHeight=120;
varratio=0;
varwidth=$（this）.width（）;
varheight=$（this）.height（）;
if（width>maxWidth）{
ratio=maxWidth/width;
$（this）.css（"width",maxWidth）;
$（this）.css（"height",height*ratio）;
height=height*ratio;
}
varwidth=$（this）.width（）;
varheight=$（this）.height（）;
if（height>maxHeight）{
ratio=maxHeight/height;
$（this）.css（"height",maxHeight）;
$（this）.css（"width",width*ratio）;
width=width*ratio;
}
}）;
//$（"#contentpageimg"）.show（）;
//IMAGERESIZE
}）;
11.页面滚动自动加载内容
一些网站如Twitter通过滚动加载内容。
这意味着一个页面所有的内容是通过你向下滚动来实现动态加载的。
这里将介绍怎么做的，你可以复制到自己网站看看效果：
varloading=false;
$（window）.scroll（function（）{
if（（（$（window）.scrollTop（）+$（window）.height（））+250）>=$（document）.height（））{
if（loading==false）{
loading=true;
$（'#loadingbar'）.css（"display","block"）;
$.get（"load.php?
start="+$（'#loaded_max'）.val（）,function（loaded）{
$（'body'）.append（loaded）;
$（'#loaded_max'）.val（parseInt（$（'#loaded_max'）.val（））+50）;
$（'#loadingbar'）.css（"display","none"）;
loading=false;
}）;
}
}
}）;
$（document）.ready（function（）{
$（'#loaded_max'）.val（50）;
}）;
12.检查图片是否已加载
这段代码是我使用图片时经常用到的，它是了解一个图片是否加载完毕最好的方式：
varimgsrc='img/image1.png';
$（'![]()
'）.load（function（）{
alert（'imageloa
升级会员 