WEB前端开发都应知道的jquery小技巧及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!'); } });

Ajax 调用的错误处理

当某次 Ajax 调用返回 404 或 500 错误，就会执行错误处理。但如果没有定义该处理，其他 jQuery 代码或许会停止工作。可以通过下面这段代码定义一个全局 Ajax 错误处理：

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

14.插件链式调用

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 中的链式操作和缓存方法，都极大精简和提速了代码。

下面给大家介绍jquery小技巧之三个简写

简洁写法如下所示：

对象的简写

在过去，如果你想创建一个对象，你需要这样：

var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4;

下面的写法能够达到同样的效果：

var car = { colour:'red', wheels:4, hubcaps:'spinning', age:4 }

这样就简单多了，你不需要反复使用这个对象的名称。
这样 car 就定义好了，也许你会遇到 invalidUserInSession 的问题，这只有你在使用IE时会碰到，只要记住一点，不要右大括号前面写分号，你就不会有麻烦。

数组的简写

传统的定义数组的方法是这样：

var moviesThatNeedBetterWriters = new Array( 'Transformers','Transformers2','Avatar','Indiana Jones 4');

简写版是这样：

var moviesThatNeedBetterWriters = [ 'Transformers','Transformers2','Avatar','Indiana Jones 4'];

对于数组，这里有个问题，其实没有什么图组功能。但你会经常发现有人这样定义上面的 car ，就像这样：

var car = new Array(); car['colour'] = 'red'; car['wheels'] = 4; car['hubcaps'] = 'spinning'; car['age'] = 4;

数组不是万能的；这样写不对，会让人困惑。图组实际上是对象的功能，人们混淆了这两个概念。

三元条件符号的简写

另外一个非常酷的简写方法是使用与三元条件符号。
你不必写成下面的样子：

var direction; if(x < 200){ direction = 1; } else { direction = -1; }

你可以使用三元条件符号简化它：

var direction = x < 200 ? 1 : -1;

当条件为true 时取问号后面的值，否则取冒号后面的值。

您可能感兴趣的文章: