开发过程中可能会用到的jQuery 小提示和技巧

开发过程中可能会用到的jQuery 小提示和技巧2014-04-29 cnblogs 梦想天空今天，我们将分享一些很有用的技巧和窍门给 jQuery 开发人员。jQuery 是最好的 JavaScript 库之一，用于简化动画，事件处理，支持 Ajax 和 HTML 的客户端脚本。网络中有大量的 jQuery 插件，有助于在短时间内通过简单容易的方法创建网站。

今天我们选取了几个队 jQuery 开发人员非常有用的代码片段。希望你的下一个项目中能用得上这些代码。

1）禁止右键

在开发 Web 应用的时候，有些情况需要禁用右键单击功能。使用此代码，jQuery 开发人员可以在网页上禁用鼠标右键点击。代码如下：

$（document）.ready（function（） {//catch the right-click context menu$（document）.bind（"contextmenu",function（e） {//warning prompt - optionalalert（"No right-clicking！"）;//delete the default context menureturn false;}）;}）;

2）文本缩放

使用下面的代码，用户可以更具需要增大或者缩放网页中的字体大小，代码如下：

$（document）.ready（function（） {//find the current font sizevar originalFontSize = $（"html"）.css（"font-size"）;//Increase the text size$（".increaseFont"）.click（function（） {var currentFontSize = $（"html"）.css（"font-size"）;var currentFontSizeNumber = parseFloat（currentFontSize, 10）;var newFontSize = currentFontSizeNumber*1.2;$（"html"）.css（"font-size", newFontSize）;return false;}）;//Decrease the Text Size$（".decreaseFont"）.click（function（） {var currentFontSize = $（"html"）.css（"font-size"）;var currentFontSizeNum = parseFloat（currentFontSize, 10）;var newFontSize = currentFontSizeNum*0.8;$（"html"）.css（"font-size", newFontSize）;return false;}）;// Reset Font Size$（".resetFont"）.click（function（）{$（"html"）.css（"font-size", originalFontSize）;}）;}）;

3）在新窗口打开链接

使用这个 jQuery 代码，用户会点击你的网站的任何链接都会在新的窗口中打开。如下：

$（document）.ready（function（） {//select all anchor tags that have http in the href//and apply the target=_blank$（"a[href^="http"]"）.attr（"target","_blank"）;}）;