jQuery的选择器性能

发现自己经常在涉及到jQuery选择器的时候出现犹豫,于是在这边记一下。

首先,jQuery选择器主要分为两类:伪类选择器和css选择器

这边着重需要考虑到性能问题的是伪类选择器

思路:尽量不使用伪类选择器(慢)

伪类选择器又大概分为这么几种:

1、选择表单元素

如    :checkbox :select等等。如果不考虑性能,考虑方便。我们一般写成

$("element:checkbox");
考虑性能后,更好的写法是
$("element[type=checkbox]");
如果一定要使用前面一种写法,那么记得要加上前面的标签名。

2、选择部分元素

如     :even :lt :gt等等

不考虑性能:

$("element:even");
考虑性能:
$("element").filter(":even");
其中,:lt和:gt是选择一定范围内的元素。在性能上考虑,可以用别的方式实现。

:lt(index)可以用.slice(0,index)替代

:gt(index)可以用.slice(index)替代

3、所有有对应方法的伪类选择器

如 :has :not等等

:has应该用.has()替代

.not应该用.not()替代


其余未说明的可以不考虑性能问题。


css选择器:jQuery默认根据浏览器支持来选择性能最佳的查找方法

总结:

善用.filter()可以提升选择器的性能

这些工作都不是必须的,但需要日常积累养成这样一种意识。

个人见解,有意见欢迎指出。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值