jQuery：其他技巧

DOMContentLoaded

有时您只想在 DOM 加载并准备就绪时（但在样式表完全加载之前）运行 JavaScript——例如，将元素移动到页面上的其他位置，或创建新元素。我们可以在纯 JavaScript 中做到这一点（尽管这在所有浏览器中都无法正常工作）。

var doSomething = function (event) { . . . };

window.addEventListener('DOMContentLoaded', doSomething);

但使用 jQuery，我们可以更轻松地做到这一点，并且它将实现跨浏览器工作。

$(window).ready(doSomething);

上面的所有例子中，doSomething 都是一个 JavaScript 函数。

$(doSomething);

这可以进一步缩短为

加载

在其他情况下，最好等待页面完全加载——也就是说，当所有样式表和图像都已下载完毕时。

要不使用 jQuery 来做到这一点，请监听 window 上的 load 事件。

window.addEventListener('load', doSomething);

但使用 jQuery 会更简单。

$(window).load(doSomething);

类型检查

在 JavaScript 中找出存储在变量中的数据类型充其量也很麻烦，因此 jQuery 提供了一些工具来帮助您。

$.isArray([1, 2, 3]);

true

$.isFunction(function () { });

true

$.isNumeric(10);

true

$.isPlainObject({ name: 'Tom' });

true