adsPlace_1

Войти или Зарегистрироваться

adsPlace_3

DOM и jQuery. Манипуляция с DOM

DOM и jQuery

1. Добавление и удаление CSS-класса

Присваиваем элементу CSS-класс:

$('#myelement').addClass('myclass');

Удаляем класс элемента:

$('#myelement').removeClass('myclass');

2. Проверка на существование CSS-класса

if($(‘.first_class’).hasClass(‘second_class’)){}

3. Быстрое переключение CSS-стилей с помощью jQuery:

$('link[media='screen']').attr('href', 'Alternative.css');

4. Добавляем HTML внутрь элемента:

$('p').append('sometext');

5. Проверка на существование элемента:

if ($('img').length) {
console.log('Уря, мы нашли картинку!');
} else {
console.log('Тут картинки нет');
}

6. Находим родительский элемент:

var id = $("button").closest("div").attr("id");

В данном случае, “id” присвоится значение id div-a, в котором находится элемент “button”

7. Удаляем option из select-а:

$("#selectList option[value='2']").remove();

8. Получаем текст выделенного option в списке (select)

$('#selectList :selected').text();

9. Разукрашиваем таблицы (выделяем нечетные строки):

$("tr:odd").addClass("odd");

А если нужно выделить четные строки, то делаем вот так:

$("tr:even").addClass("even");

10. Узнаём количество дочерних элементов

(в примере мы получим число div-ов, находящихся внутри элемента с id=”foo”):

$("#foo > div").length

Последние из рубрики

Комментарии(0)

  • Комментариев еще нет. Будь первым!

    Оставь свой отзыв

    Для вставки кода используйте кнопки php, html, javascript, css, sql

    * - поля обязательны к заполнению