Хитрости с jQuery в JavaScript

jQuery также помогает вам с другими распространёнными задачами, особенно там, где что-то несовместимо в разных браузерах.

DOMContentLoaded

Иногда вам захочется запускать JavaScript только тогда, когда DOM загружен и готов (но до полной загрузки таблиц стилей) ─ например, для перемещения элементов в другое место на странице или создания новых. Мы можем сделать это на чистом JavaScript (хотя это будет работать не во всех браузерах):

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

window.addEventListener('DOMContentLoaded', doSomething);

Но мы можем сделать это проще с помощью jQuery, и он будет работать в кроссбраузерном режиме:

$(window).ready(doSomething);

Это может быть сокращено до:

$(doSomething);

Во всех приведённых выше примерах doSomething является функцией JavaScript.

Загрузить

В других ситуациях лучше дождаться полной загрузки страницы, то есть, когда будут загружены все таблицы стилей и изображения.

Чтобы сделать это без jQuery, прослушайте событие загрузки в окне:

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

Страницы в тему:

Следующая страница: Внушительный урок JavaScript
Предыдущая страница: jQuery: AJAX