jQuery: манипуляция с DOM. Сниппеты

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"

Подробное описание и примеры: http://api.jquery.com/closest/

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

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для blogger.com