Считывание атрибутов

Считывание, добавление, изменение атрибутов HTML тегов через jQuery, делается с помощью метода .attr(). Работает он подобно методу .html() в зависимости от количества параметров он будет считывать или изменять значение атрибута.

Первым параметром .attr() принимает имя атрибута, вторым его новое значение. Например, .attr('value', 'www') мы запишем строку www в атрибут value.

Если вызывать .attr() с одним параметром, то он вернет значения атрибута, название которого мы указываем в первом параметре. Например, .attr('value') мы получим значение атрибута value.

В следующем примере мы получаем инпут по его id и выводим на экран значение его атрибута value:

<input type="text" value="!!!" id="test">

<script>
alert($('#test').attr('value')); //выведет '!!!'
</script>

Теперь запишем новое значение www в этот атрибут:

<input type="text" value="!!!" id="test">

<script>
$('#test').attr('value', 'www');
</script>

Считывание атрибутов value

Для работы с атрибутом value инпутов также можно использовать метод .val(), который позволяет считывать и записывать новые значения.

Давайте запишем новое значение www в атрибут value:

<input type="text" id="test" value="!!!">

<script>
$('#test').val('www');
</script>

Давайте выведем текущее значение на экран:

<input type="text" id="test" value="!!!">

<script>
alert($('#test').val());
</script>

Для получения внутреннеего содержимого тега textarea, обязательно используется метод .val():

<textarea>!!!</textarea>
    
<script>
alert($('#test').val()); //выведет '!!!'
</script>