14 кориснихметодів, приміток та найкращих вправ jQuery

Але це нормально; жахливо жалюгідний код, який змусив би зітхнути навіть вашу бабусю - щось на зразок обряду посвяти. Головне – зробити сходження на цю гору, і це саме те, що ми сьогодні обговоримо у цьому підручнику.

1. Методи повернення об'єкту jQuery Object

Важливо пам'ятати, що більшість методів повернуть об'єкт jQuery. Це надзвичайно корисно і дозволяє будувати ланцюжки функцій, що широко використовуються.

вправ

Знаючи, що об'єкт jQuery завжди повертається, іноді ми можемо користуватися цим для видалення надлишкового коду. Наприклад, розглянемо таке:

Причина, через яку ми "кешуємо" місце розміщення елемента someDiv, полягає в обмеженні кількості разів, коли ми змушені простежувати DOM цього елемента.

Код угорі повністю хороший; однак ви могли б майже так само легко об'єднати два рядки в один для досягнення того самого результату.

Таким чином ми все ще приховуємо елементsomeDiv, але цей метод так само, як ми й дізналися, повертає об'єкт jQuery — на який ми потім посилаємося через зміннуsomeDiv.

2. Селектор Find

Якщо ваші селектори не настільки смішно погані, jQuery зробить фантастичну роботу з їхньої оптимізації, і, загалом, вам не потрібно надто про них турбуватися. Однак, поряд зі сказаним, ви можете дозволити собі деяку кількість удосконалень, які злегка покращують продуктивність вашого скрипту.

Одним з таких рішень є використання, коли це можливо, метод find(). Основна ідея - це відхід від примусу jQuery використовувати двигун Sizzle, коли це не є необхідним. Звичайно, будуть моменти, коли це неможливо, і це нормально; Але, якщо вам не потрібні додаткові витрати, не наривайтеся на них.