jquery选择器使用优化
2017-01-11 00:00
239 查看
1.避免包含 jQuery extensions
jQuery extensions会只用本地的querySelectorAll()
2.避免过度特性
3.尽量使用id选择器
4.避免通配符选择
jQuery extensions会只用本地的querySelectorAll()
// Slower (the zero-based :even selector is a jQuery extension) $( "#my-table tr:even" ); // Better, though not exactly equivalent $( "#my-table tr:nth-child(odd)" );
2.避免过度特性
$( ".data table.attendees td.gonzalez" ); // Better: Drop the middle if possible. $( ".data td.gonzalez" );
3.尽量使用id选择器
// Fast: $( "#container div.robotarm" ); // Super-fast: $( "#container" ).find( "div.robotarm" );
4.避免通配符选择
$( ".buttons > *" ); // Extremely expensive. $( ".buttons" ).children(); // Much better. $( ":radio" ); // Implied universal selection. $( "*:radio" ); // Same thing, explicit now. $( "input:radio" ); // Much better.
相关文章推荐
- jQuery选择器优化问题,使用$('#a .b')等,IDE会提示这是低效的用法的解决
- jQuery 选择器的使用
- jQuery 选择器的使用
- jQuery 选择器的使用
- jquery常用操作整理 (二)--jQuery-Selectors(选择器)的使用
- jQuery-Selectors(选择器)的使用(三、简单篇)
- [翻译]jQuery 选择器的使用
- jQuery-Selectors(选择器)的使用(七、子元素篇)
- jquery选择器的使用方法
- jQuery-使用选择器注意事项
- jQuery-Selectors(选择器)的使用(六、属性篇)
- 精通jQuery选择器使用
- jQuery 选择器的使用
- jQuery-使用选择器注意事项 学习笔记十
- [翻译]jQuery 选择器的使用
- jquery选择器的使用
- 精通jQuery选择器使用
- jQuery 选择器的使用
- jQuery-Selectors(选择器)的使用(二、层次篇)
- jQuery-Selectors(选择器)的使用(一、基本篇)