38-解决方案
5.9.2 解决方案
缓存 $(...) 调用返回的jQuery对象,这样DOM查询只需要运行一次:
var
$clientX = $('.clientX'),
$clientY = $('.clientY'),
$pageX = $('.pageX'),
$pageY = $('.pageY'),
$screenX = $('.screenX'),
$screenY = $('.screenY');
$('html').mousemove( function( event ) {
$clientX.html( event.clientX );
$clientY.html( event.clientY );
$pageX.html( event.pageX );
$pageY.html( event.pageY );
$screenX.html( event.screenX );
$screenY.html( event.screenY );
});
还可以显著地加速这些选择器;下一个秘诀将会介绍加速的方法。但是只调用一次,而不是重复进行可能就足以改进这种情况。