Как получить содержимое тегов и атрибутов с помощью методов jQuery.
Получает HTML-содержимое.
<div class="box">
<p>Item 1</p>
<p>Item 2</p>
<p>Item 3</p>
</div>
$('.box').html();
Результат:
<p>Item 1</p>
<p>Item 2</p>
<p>Item 3</p>
Получает текстовое содержимое.
<div class="box">
<p>Item 1</p>
<p>Item 2</p>
<p>Item 3</p>
</div>
$('.box').text();
Результат:
Item 1
Item 2
Item 3
Получает значение любого атрибута.
<a class="btn" href="http://site.ru">Link</a>
$('.btn').attr('href');
Результат:
http://site.ru
Получает значение атрибута value="..." у полей форм.
<input class="field" type="text" name="email" value="mail@site.ru">
$('.field').val();
Результат:
mail@site.ru
.data("name") – получает значение data-name="...", краткая форма .attr('data-name').
<input class="field" type="text" name="email" value="mail@site.ru" data-name="123">
$('.field').data('name');
Результат:
123
.css('название_свойства') – получает конечное значение CSS-свойства.
<div class="text" style="color: orange;">Text</div>
<style>
.text {
font-size: 20px;
boreder: 1px silid #000;
}
</style>
$('.text').css('font-size');
$('.text').css('color');
$('.text').css('boreder');
Результат:
20px
orange
1px silid #000





