Як в jquery перевірити існування елемента

Вітаю вас, шановні Новомосковсктелі. Продовжую цикл статей з основ jQuery і сьогодні розповім вам, як в jquery перевірити існування елемента, і в залежності від цього виконати ті чи інші дії.

Метод is ()

Отже, для цього варто використовувати метод is (). щоб задати різні варіанти дій веб-сценарію після закінчення перевірки, варто використовувати оператор if. приклад:

Всі ми, вебмастера і розробники, постійно працюємо з сайтами. Хотів би вам порекомендувати майданчики, якими користуюся сам:
  1. Reg.ru - тут реєструю і продовжую доменні імена, дуже надійна компанія!
  2. HostIQ - хостинг преміум якості.
  3. Ihor - більш бюджетний, але теж дуже якісний хостинг-провайдер.
  4. Telderi.ru - єдина надійна біржа в рунеті, на якій можна купити готові сайти з доходом!

Що виконує цей шматок коду? Спочатку він перевіряє, чи існує в html-розмітки хоча б один div з класом item. Якщо він існує, в нього додається текст - "Привіт, світ!". У разі, якщо елемент не знайдений (тобто перевірка видає false), то створюємо в тілі сторінки відповідний елемент з таким же текстовим наповненням. Таким чином, незалежно від того, знайдений елемент чи ні, він все одно буде виведений на сторінку.

Замість глобального селектора body ви також можете використовувати будь-який інший. У цьому випадку зазначений в методі append html-код буде вставлений у відповідний під селектор контейнер. Таких контейнерів може бути і не один.

Як в jquery додати елемент в початок батька?

Цікаво, що метод append поміщає елемент в самий кінець вмісту батьківського блоку. Уявіть собі такий код:

Якщо ми вставимо наш новий елемент в контейнер #main. то він вставиться в самий кінець розмітки, тобто постане після параграфа і посилання. Це звичайна поведінка, якщо ми використовуємо метод append (). Але є й інший метод - prepend () і він вставить елемент, а також помістить його в самий початок вмісту батька, тобто зробить його першим дочірнім елементом.

Загалом, ось така інформація, ну а для перевірки існування елемента варто використовувати метод is () в параметрах якого потрібно вказати селектор, за яким здійснюється перевірка.