Выбор элемента с id = sidebar
$('#sidebar');
Выбор элементов с class = post
$('.post');
Выбор элемента div с id = sidebar
$('div#sidebar');
Выбор элементов div с class = post
$('div.post');
Выбор всех span элементов в элементах div
$('div, span');
$('div').find('span');
Выбор всех span элементов в элементах div, где span является прямым потомком div
$('div, span');
Выбор всех элементов
$('*');
Выбор всех потомков элементов p
$('p > *');
$('p').children();
Выбор всех прямых предков элементов p
$('p').parent();
Выбор всех предков элементов p
$('* > p');
$('p').parents();
Выбор всех предков элемента p, которые есть div
$('p').parents('div');
Выбрать первый div в DOM
$('div:first');
Выбрать последний div в DOM
$('div:last');
Выбрать div'ы, у которых нет класса red
$('div:not(.red)');
Выбрать четные div'ы
$('div:even');
Выбрать нечетные div'ы
$('div:odd');
Выбрать div, идущий под номером N в DOM
$('div:eq(N)');
Выбрать div'ы, индекс которых больше, чем N в DOM
$('div:gt(N)');
Выбрать div'ы, индекс которых меньше, чем N в DOM
$('div:lt(N)');
Выбор заголовков H1, H2, H3 и т.д.
$(':header');
Выбор элементов с активной анимацией
$('div:animated');
Выбор всех div с атрибутом title=my
$("div[title='my']");
Выбор всех div с атрибутом title не равного my
$("div[title!='my']");
Вбор всех div с атрибутом title, начинающихся с my
$("div[title^='my']");
Выбор всех div с атрибутом title, заканчивающихся на my
$("div[title$='my']");
Выбор всех div с атрибутом title, содержащих my
$("div[title*='my']");
Выбор всех A с атрибутом rel, содержащих external в списке значений, разделенных пробелом
$("a[rel~='external']");
#В результате будут выбраны следующие теги:
<a href="" rel="external">link</a> — да
<a href="" rel="nofollow external">link</a> — да
<a href="" rel="external nofollow">link</a> — да
<a href="" rel="friend external follow">link</a> — да
<a href="" rel="external-link">link</a> — нет
Выбор всех input элементов с типом =radio
$(":radio");
Выбор всех включенных элементов input
$("input:enabled");
Выбор видимого div'a с именем city, который содержит тег p
$("div[name=city]:visible:has(p)");
Получение выбранного(-ых) элементов в селекте city
$("form select[name=city] option:selected").val();
Получение выбранного значения радиобатона с именем some
$("form :radio[name=some]:checked").val();
Выбор всех выбранных чекбоксов
$("form :checkbox:checked");
Удалить все элементы списка mySelect
$('select[@name=mySelect] option').remove();
добавить в список новый элемент
$('select[@name=mySelect]').append('<option>Новый элемент списка</option>');
Сделать выделенным первый пункт списка
$('select[@name=loadFileName] option:first').attr('selected', 'yes');
Принудительно снять выделение с элемента списка
$('select[@name=loadFileName] option:first').removeAttr('selected');
Получить значение выделенного пункта из списка, при использовании атрибута
var file = $('select[@name=loadFileName] option:selected').val();
Получить значение выделенного пункта из списка, если вас интересует то, что заключено между :
var file = $('select[@name=loadFileName] option:selected').text();
Проверить, выбран ли какой-нибудь элемент списка
if( typeof $('select[@name=loadFileName] option:selected').text() === 'undefined' ){
alert('Ни один элемент списка не выбран');
}
Превратить список в "автомасштабируемый"
$('select[@name=loadFileName]').attr('size', $('select[@name=loadFileName] option').size());
Сделать элемент недоступным для выбора
$('select[@name=loadFileName] option:contains('текст нужного элемента')').attr('disabled', 'disabled');
Разрешить выделение всех ранее недоступных элементов
$('select[@name=loadFileName] option:disabled').removeAttr('disabled');
- 1-36 - anton.shevchuk.name