Пятница, 06 Июля 2012 13:24

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

Written by 
Оцени эту запись
(1 Голос)

В данной статье рассотрим метод jQuery  под названием Attr. Этот метод дает возможность работать с атрибутами элементов html-страницы.

 

 

<div id="cintainer"></div>     - атрибутоя является идентификатор блока - id

<img src="/images/photo.jpg" /> - атрибутом является путь к картинке - src

<input type="text" /> - атрибутом является тип элемента управления - type

 

Для того, чтобы при работе с jQuery работать с элементами по их атрибутам, нужно использовать метод .attr().

 

Этот метод имеет следующий синтаксис:

 

$('div').attr('id') - возвращает значение данного атрибута (значение id нашего блока)

$('div').attr('id', 'wrapper') - задает значение атрибута элемента

 

Пример использования:

 

 

$(el).on('click', function()
{
var id = $(this).attr('id');
$('#selected_region').children().attr('selected', false);
$('#selected_region').children('option[value='+id+']').attr('selected', true);
refresh_region_short_description();
});
 
 
Здесь мы описываем функцию, которая при клике на элемент берет значение его идентификатора. Потом находит элемент управления селект, у которго id="selected_region"  и далее работает с его дочерними элементами option таким образом - убирает выбранность selected у всех и назначает ее тому у кого атрибут value равен нашему id. Эта часть скрипта используется при создании карты. В ней есть html map и селектор по областям. При помощи этого скрипта, мы синхронизируем выбор области при помощи клика по ней и при помощи выбора в селекте.
 
 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов