JQuery селекторы: как получить элемент по тексту между двумя тегами

Выбирать HTML-элементы на веб-странице в JQuery можно с помощью специального селектора element:contains(‘text’). А теперь давайте сразу перейдем к примерам.

Пример 1.

Выбираем элемент <strong> по тексту внутри него и окрашиваем этот текст серым цветом.

JavaScript:

$("strong:contains('Как установить MODX Evolution')").css({color: 'silver'});

HTML: (далее…)

Опубликовано 31-10-2013 в 15:59

Работа с атрибутами элементов на JQuery

Чуть ниже будут рассмотрены примеры различных вариантов установки, удаления атрибутов у HTML элементов на странице средствами JavaScript библиотеки JQuery.

Пример 1. Установка значения атрибута. Сделаем инпут-кнопку неактивной.

JavaScript:

$('[name="apply"]').attr('disabled', 'disabled');

HTML:

<input type="submit" id="apply" value="Применить" name="apply" />

Пример 2. Установка нескольких значений нескольких атрибутов. Добавим полю ввода класс CSS .new и впишем в него надпись GoogleBot.

JavaScript: (далее…)

Опубликовано 15-10-2013 в 16:33

JQuery: последний элемент

Приведенная здесь заметка посвящена освящению такого типового вопроса, как получение последнего элемента средствами  небезызвестной библиотеки JQuery. Далее давайте рассмотрим несколько примеров с использованием селекторов.

(далее…)

Опубликовано 19-06-2013 в 14:24

JQuery селекторы. Часть 3.

Третья часть небольшой серии заметок, рассказывающих в примерах об использовании селекторов в JQuery. Сегодня рассмотрим работу по выборке всевозможных атрибутов элементов веб-страницы.

JQuery селекторы - выборка по атрибутам

1. Для начала я покажу вам имеющуюся разметку:

<div class="evolution">
<p>Lorem ipsum dolor sit amet consectetuer.</p>
</div>

(далее…)

Опубликовано 19-06-2013 в 11:35

Cелекторы в JQuery. Часть 2.

Представляю вашему вниманию вторую часть миниатюрной серии статей, посвященных селекторам в JQuery. Приступим к рассмотрению следующих примеров, продолжаем ходить по DOM, выбирая HTML элементы.

/* Отбор всех элементов: */
$('*').css({'color': 'orange'});

/* Отбор всех потомков у тега <p>, вариант 1: */
$('p > *').css({'color': 'orange'});

(далее…)

Опубликовано 13-06-2013 в 14:01

Cелекторы в JQuery. Часть 1.

В данной заметке / статье повествование пойдет о том, как же использовать  селекторы в JQuery. Т.к. цитировать тома официальной документации смысла в общем-то нет, ниже я приведу несколько примеров программного кода на JavaScript, но для начала давайте набросаем несколько строчек разметки на HTML, чтобы нам с вами было где экспериментировать. (далее…)

Опубликовано 13-06-2013 в 12:28













Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты