Jquery получить значение элементов

В данной статье опишу различные варианты получения значений различных элементов.

Будут затронуты элементы формы, html теги, атрибуты и $.data.

 

Примеры получения значений :

 

//html поле text: <input name="field" value="123" type="text">

var v1=$('input[name=field]').val(); // вернёт 123

//html  переключатель radio: <input name="field" value="123" type="radio" >  <input name="field" value="1234" checked type="radio">

var v2=$('input[name=field]:checked').val(); // вернёт 1234

 

//html  select: <select name="s"><option value="12345" selected >Вариант 1</option></select>

var v3=$('select[name=s]').val(); // вернёт 12345

 

//html атрибут: <div id-good="111144"></div>

var v4=$('div').attr('id-good'); // вернёт 111144

 

 

//html тег: <h1>Заголовок</h1>

var v5=$('h1').text(); // вернёт Заголовок

 

 

//jquery установка переменной data: $('h1').data('parametr','123');

var v6=$('h1').data('parametr'); // вернёт 123

 

 

 

 

 






У данной записи пока нет ниодного комментария