位置: 编程技术 - 正文
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)(在其他地方 英文)
编辑：rootadmin推荐整理分享在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)(在其他地方 英文)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:在其它地方英语,在其他地方你学到了什么,在其他地方 英文,在其他地方你学到了什么,在其他地方 英文,在其他地方 英文,在其它地方英语,在其他地方你学到了什么,内容如对您有帮助，希望把文章链接给更多的朋友！
下面小编给大家整理了8个技巧对程序员来说非常的有帮助，具体如下所示：
1) 禁用鼠标右键单击
jQuery程序员可以使用此代码在网页上禁用鼠标右键点击。
2) 利用jQuery调整文字大小
使用此代码，用户可以重新网站上文字的大小（增大和减少）
3) 在新的Windows打开链接
Try this code and increase your site impressions because using this jquery code users will go on new window after clicking on any link of your site. Code is below: -
4) Style Sheets Swap
Swap style sheets using this code and the “Style sheets swap” script is below: -
5) 回到顶部链接
That is very common function you can see on eve site nowadays is ” Back to Top”. This functionality is very useful for long pages for make short in a single click. Visit this code below: -
6) 获取鼠标光标的x和y轴
You can find the values of X and Y coordinator of mouse pointer. Code is blow : -
7) 检测当前鼠标坐标
使用这个脚本，你可以在jQuery所支持的任何Web浏览器找到当前鼠标的坐标。代码如下：
8) 在jQuery中预加载图片
此图像预加载的脚本有助于非常快速加载图像或网页。你不必等待图像加载。代码：
做好如下工作保你jQuery的性能大提升
1. Append Outside of Loops
凡是触及到DOM都是有代价的。如果你向DOM当中附加大量的元素，你会想一次性将它们全部附加进来，而不是分多次进行。当在循环当中附加元素就会产生一个常见的问题。
一个常用的技巧是利用文档片段（document fragment）。在循环的每一次迭代当中，将元素附加到片段而不是DOM元素当中。当循环结束后，将片段附加到DOM元素当中即可。
另一个简单的技巧是在循环的每次迭代当中，持续构建一个字符串。当循环结束后，将DOM元素的HTML设置成该字符串。
当然还有其它一些技巧可以供你尝试。一个名为 jsperf 的站点为测试这些性能提供了一条好的出路。该网站允许你使用基准测试每一个技巧，并将其跨平台的性能测试结果可视化的展现出来。
2. Cache Length During Loops
在for循环当中，不要每次都访问数组的 length 属性；应当事先将其缓存起来。
3. Detach Elements to Work with Them
操作DOM是缓慢的，因此你想尽可能减少对齐进行操作。jQuery在1.4版本当中引入了名为 detach() 的方法来帮助解决这一问题，它允许你在对元素进行操作时，将它们从DOM当中分离出来。
4. Don't Act on Absent Elements
如果你正打算在一个空的选择器上运行大量的代码，jQuery并不会给予任何的提示 -- 它将会继续的执行，就像是没有发生任何的错误。必须由你来验证选择器包含了多少元素。
本指南特别适用于那些当选择器不包含元素时还需要大量的开销的 jQuery UI 部件。
5. Optimize Selectors
选择器的优化和过去比起来并不是那么的重要，因为很多浏览器都实现了 document.querySelectorAll() 方法并且jQuery将选择器的负担转移到了浏览器上面。但是仍然有一些技巧需要铭记在心。
基于ID的选择器
以一个ID作为选择器的开始总是最好的。
采用 .find() 方法的方式将更加的快速，因为第一个选择器已经过处理，而无需通过嘈杂的选择器引擎 -- ID-Only的选择器已使用 document.getElementById() 方法进行处理，之所以快速，是因为它是浏览器的原生方法。
特异性
尽量详细的描述选择器的右侧，对于左侧则应反其道而行之。
尽量在选择器的最右侧使用 tag.class 的形式来描述选择器，而在左侧则尽量只使用 tag 或者 .class 。
避免过度使用特异性
去讨好“DOM”总是有利于提升选择器的性能，因为选择器引擎在搜寻元素时无需进行太多的遍历。
避免使用通用选择器
如果一个选择器明确或暗示它能在不确定的范围内进行匹配将会大大影响性能。
6. Use Stylesheets for Changing CSS on Many Elements
假如你使用 .css() 方法来改变超过个元素的CSS，应当考虑为页面添加一个样式标签作为替代，这样做可以提升将近%的速度。
7. Don't Treat jQuery as a Black Box
把jQuery的源码当成文档，可以把它（
JQuery日历插件MyDatePicker日期范围限制 本文实例向大家介绍了JQuery日历插件MyDatePicker日期范围限制的方法，分享给大家供大家参考，具体内容如下```inputclass="Wdate"id="d1"onclick="WdatePicker()"/下
Jquery中巧用Ajax的beforeSend方法 jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。$.ajax({beforeSend:function(){//Handlethebef
jQuery模拟物体自由落体运动(附演示与demo源码下载) 本文实例讲述了jQuery模拟物体自由落体运动的方法。分享给大家供大家参考，具体如下：运行效果截图如下：点击此处查看在线演示效果。完整实例代
标签: 在其他地方 英文
本文链接地址:https://www.jiuchutong.com/biancheng/380646.html 转载请保留说明！上一篇：jQuery unbind()方法实例详解(jquery unload)
下一篇：JQuery日历插件My97DatePicker日期范围限制(jquery日期插件)
](https://www.jiuchutong.com/image/20240129/1706503264.jpg)
