jQuery是一个非常好的Javascript框架。当我们使用jQuery时,我们不想回到Javascript的长代码中,所以jQuery的优化摆在我们面前,我们应该如何从这些方面优化jQuery呢
1。使用jQuery的最新版本
新版本将比旧版本提高性能,并添加新功能。
2,使用选择器
我们通常使用id选择器、类选择器、元素选择器、伪类选择器和元素选择器,在使用中,我的建议是最好使用id选择器,然后是类选择器>元素选择器>元素选择器>伪类选择器。
当涉及到选择器时,不需要放入一个词,在使用父元素选择器时最好用id检查开始向下搜索。
三.不要过度使用jQuery
记住一句话,是fastest.jquery写的少,做的更多(少写,多做)。
4。做好缓存工作
此时重用一个节点是一个可以在使用时存储和调用的变量,避免重复访问节点,降低效率。
复制代码代码如下所示:
无功inputselect = $(# head.head_right输入);
InputSelect.find (a);
InputSelect.find(我);
5。利用连锁经营
jQuery的一个亮点是使用链操作。
复制代码代码如下所示:
$(#内容),(的)。情商(2),Html(Hello World);
6。事件委托
当需要多个元素执行一个事件类型时,可以使用事件委托:
复制代码代码如下所示:
当每个类=divdiv有一个单击事件时,我们可以接受一个事件委托,
复制代码代码如下所示:
$(#内容),(单击
美元(这个)。Css(颜色)
});
7。正确处理循环
循环是一个更耗时的操作,如果您可以使用选择器直接选择元素,则不要使用循环遍历遍历元素。
Javascript的本地方法,无论是时间还是速度,都比jQuery的每个()快,因此应该首先使用本机方法。
8,减少jQuery对象的生成
生成查询对象将生成相应的属性和方法来比较资源,因此尽量减少jQuery对象的生成。
9。变量的范围
当一个变量不需要在多个函数中调用时,变量应该放在一个函数中,以减少在执行代码时发现代码的时间。
10。将某些函数推迟到$(窗口)。
准备好了,但是当它再次被渲染时,其他元素就不需要下载了。
11。合并脚本
脚本是一个接一个加载的,减少脚本的数量也可以提高效率。
12、元素封装
当向节点插入内容时,您可以首先封装内容并插入它。
复制代码代码如下所示:
var内容;
$(#头)Html(内容);
此外,它是js文件的压缩。
随着jQuery的不断使用,将发现越来越多的优化方法。