jQuery是一款轻量级的Java脚本语言库，是最流行的客户端超文本标记语言脚本之一，它在网设计师和开发者中非常的有名，并且有非常多有用的插件和技术。

本文我们将为大家分享一些jQuery小技巧：

一、在新窗口打开链接

用下面的代码，你点击链接即可在新窗口打开：

$(文档)。就绪(函数(){//选择所有在href/中有超文本传送协议（Hyper Text Transport Protocol的缩写）的锚点标签，并应用目标=_ blank $('a[href^='http']').attr('target '，' _ blank ')；});二、设置等高的列

应用下面的代码，可以使得你的网应用每一列高度都想等：

div class='等高' style=' border :1 px solid ' pFirst Line/p pSecond Line/p pThird Line/p/div class='等高' style=' border :1 px solid ' pccolumn Two/p/div script src=' http 3360http://apps。bdimg。com/libs/jquery/1。11 .1/jquery。量滴js '/script脚本$(文档)。就绪(函数(){ equalHeight ').等高’)；});//全局变量，这将存储最高高度值var MaxHeight=0；函数equalHeight(col){//获取class=col col=$(col)的所有元素；//循环所有每一栏(函数(){//存储最高值if ($(this)).height()MaxHeight){ MaxHeight=$(this).高度();} });//设置高度高度(最大高度)；}/脚本三、jQuery预加载图像

这个小技巧可以提升页面加载图片的速度：

jQuery.preloadImagesInWebPage网页网页=function(){ for(var CTR=0；ctr lt .参数长度；ctrl){ jQuery(').attr('src '，参数[ctrl])；}}//使用方法：$.preloadImages('image1.gif '，' image2.gif '，' image 3。gif ')；//检查图片是否被加载$('#imageObject ').attr('src '，' image1.gif ').load(function() { alert('图像已加载…');});四、禁用鼠标右键

$(文档)。ready(function() { //catch右键上下文菜单$(文件).绑定(“contextmenu”，函数(e){//警告提示-可选警告('无右键！));//删除默认上下文菜单返回false })；});五、设定计时器

$(文档)。ready(函数(){ window。settimeout(函数(){//某些代码},500);});六、计算子元素的个数

div id=' foo ' div id=' bar '/div div id=' baz ' div id=' biz '/div span span/span/div/div脚本src=' http :http://apps。bdimg。com/libs/jQuery/1。11 .1/jQuery。量滴js '/script脚本类型=' text/JavaScript '/jQuery计算子元素$(“foo div”)的代码大小()警报($('#foo div ').size())/script七、把元素定位到页面中间

div id=' foo ' style=' width :200 px；高度： 200像素；背景# ccc'/div脚本src=' http :http://apps。bdimg。com/libs/jquery/1。11 .1/jquery。量滴js '/script脚本类型=' text/JavaScript ' jquery。fn。center=function(){ this。CSS(' position '，' absolute ')；this.css('top '，($(window)).height()-这个。高度())/2美元(窗户).scroll ToP()" px ")；this.css('left '，($(window)).width()-这个。width())/2 $(window).scrolleft()" px ")；归还这个；}//使用上面的函数as:$('#foo ').center()；/script读到这里的朋友就知道你没有错过学习的机会，把这些小技巧积累起来，一定会帮助大家设计出有创意和精美的网页面。