当前位置:嗨网首页>书籍在线阅读

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 );
});

还可以显著地加速这些选择器;下一个秘诀将会介绍加速的方法。但是只调用一次,而不是重复进行可能就足以改进这种情况。