当用户不再聚焦或者重新聚焦一个标签时触发javascript脚本：

$(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!'); } }); Ajax调用错误处理

当一个Ajax调用返回一个404或500的错误时，将执行该错误处理。如果该处理未定义，则其他jQuery代码便可能不会执行了。定义一个全局Ajax错误处理程序：

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

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缓存方法是最好的做法，导致更短、更快的代码。

翻译：野兽