Полезные штучки jQuery

Делал одну необычную JS фичу для сайта, в очередной раз обратился за помощью к библиотеке jQuery. Так мне понравилась простота, что захотелось написать очередной пост для рубрики «Полезные мелочи».

Наверно, вы часто используете PHP, чтобы сделать «зебру» из строк таблицы для более удобного считывания данных? А с jQuery это делается вообще шикарно:

Подсветка нечетных строк:

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

Подсветка четных строк:

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

addClass — присваивает новый класс элементу (в данном случае тегу tr), уже в классе нужно прописать фоновый цвет. А можно и удалить любой class:

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

Или проверить на существование:

if($('.first_class').hasClass('second_class')){}

Вот еще отличная штука:

$("#foo > div").length

Посчитает количество слоев div в теге с id=foo и вернет полученное число.

С помощью .remove(); можно удалить любой элемент страницы, например, option со значением 2 элемента с id=selectList:

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

Реализация Ajax — вообще сказка. Вот, например, функция, которая получает значение href всех ссылок с class=ajlinks по клику, спрашивает подтверждения и переходит по ссылке в фоновом режиме, выводит содерание страницы по ссылке (если страница имеет статус 200 OK):

$(".ajlinks").click(function() {
	if(confirm('Продолжить?')) {
		var src = $(this).attr("href"); //Получаем href
		$.ajax({
			url: src,
			cache: false,
			success: function(html) { //Получаем html код страницы
				alert(html);
			}
		});
		return false;
	}
});

Подучив немного jQuery, можно вот так часами сидеть и ловить кайф от простоты реализации, казалось бы, сложных функций. Есть только одно но — перед использованием jQuery нужно хотябы на базовом уровне выучить JavaScript, иначе вы никогда не поймете всей прелести данной тулзы.

Вот еще старая запись про jQuery с примером: http://php.name/javascript/znakomstvo-s-bibliotekoj-jquery/