Робота з елементами

$('ul li').html(); - повертає html-вміст першого елемента набору.

$('ul li').html('<strong>Hello!</strong>'); - задає html-вміст кожному елементу набору.

$('ul li').text(); - повертає об'єднаний в одну строку текстовий вміст всіх елементів набору.

$('ul li').text('Hello!'); - задає текстовий вміст кожному елементу набору.

$('p').css('color', 'rgba(255,12,64,0.4)'); - змінює стиль у всіх елементів набору.

$('p').css( { width: '32px', height: '60px', fontSize: '120%', 'z-index': 2 } ); - змінює декілька стилів у елементів.

Робота з атрибутами

$('p').addClass('active'); - добавляє клас до всіх елементів.

$('p').removeClass('active'); - видаяє клас зі всіх елементів.

$('p').toggleClass('active'); - "переключає" клас: добавляє - якщо немає, видаляє - якщо є.

$('p').hasClass('active'); - перевірка наявності класу хоча-б у одного елемента.

$('p').attr('title'); - повертає значення атрибута першого елемента.

$('a').attr('href', 'http://google.com'); - змінити значення атрибута у всіх елементів.

$('p').removeAttr('class'); - видаляє атрибут у всіх елементів.

$('.checkbox').prop('checked'); - робота зі станом елемента форми: checked, disabled... Метод повертає true чи false першого елемента в залежності від того, чи вказаний стан задано для елемента, чи ні.

$('.checkbox').prop('disabled', true); - змінює значення стану.

$('.checkbox').removeProp(); - видаляє стан у всіх елементів.

$('p').data('value'); - повертає значення атрибута data-value першого елемента.

$('p').data('value', '32 кг'); - змінює значення атрибута data-value всім елементам (створює такий атрибут, якшо його немає).

$('p').removeData('value'); - видаляє атрибут data-value у всіх елементів.

$('input[name="phone"]').val(); - повертає введене значення першого елемента.

$('input[name="phone"]').val('0382-55-77-33'); - змінює значення у всіх знайдених елементів.

Розміри та позиція елемента

jquery.page2page.ru: Работа с шириной элемента.

jquery.page2page.ru: Позиция элемента

$('#list').width(); - повертає внутрішню ширину елемента (ширину контента).

$('#list').innerWidth(); - повертає ширину елемента, включаючи паддінги.

$('#list').outerWidth(); - повертає ширину елемента, включаючи паддінги та бордери.

$('#list').outerWidth(true); - повертає ширину елемента, включаючи паддінги, бордери та маргіни.

Аналогічно для висоти елемента:
$('#list').height();
$('#list').innerHeigth();
$('#list').outerHeight();
$('#list').outerHeight(true);

$('#list').offset(); - повертає координати лівої верхньої точки елемента відносно документа.

$('#list').position(); - повертає координати лівої верхньої точки елемента відносно батьківського (offsetParent) елемента.


				$('#list').offset().left;

				$('#list').offset().top;

				$('#list').position().left;

				$('#list').position().top;


				var o = $('h1').offset();

				var p = $('h1').position();

				alert(o.left);

				console.log(p.top);