前端开发必知的15个jQuery小技巧(2)

$(document).on('visibilitychange', function (e) { if (e.target.visibilityState === "visible") { console.log('Tab is now in view!'); } else if (e.target.visibilityState === "hidden") { console.log('Tab is now hidden!'); } });

14、AJAX调用错误处理

当Ajax调用返回404或500错误时，就执行错误处理程序。如果没有定义处理程序，其他的jQuery代码或会就此罢工。定义一个全局的Ajax错误处理程序：

$(document).ajaxError(function (e, xhr, settings, error) { console.log(error); });

15、链式插件调用

jQuery允许“链式”插件的方法调用，以减轻反复查询DOM并创建多个jQuery对象的过程。比方说，下面的代码片段代表了你的插件方法调用：

$('#elem').show(); $('#elem').html('bla'); $('#elem').otherStuff();

通过使用链式，可以大大改善：

$('#elem') .show() .html('bla') .otherStuff();

还有一种方法是在（前缀$）变量中高速缓存元素：

var $elem = $('#elem'); $elem.hide(); $elem.html('bla'); $elem.otherStuff();

链式和高速缓存的方法都是jQuery中可以让代码变得更短和更快的代最佳做法。