training-web.ruГлавнаяКатегорииО насКарта сайтаПоискТёмная тема

Категории

Как узнать и изменить свойства элементов jquery

Создано: 26 декабря 2015Автор: Егор Астапов1828 просмотровСложность: легкий

Очень часто нужно в режиме онлайн узнать и изменить свойства элементов jquery. Тут несколько функций. Каждая функция работает имеет свои тонкости.


<div>
<p id="stoke" data-cat="php"><strong>PHP</strong> раздел</p>
<p id="stoke" data-cat="jquery">библиотека jquery</p>
<p id="stoke" data-cat="ruby">ruby</p>
</div>

Как получить текст первого абзаца. Тут поможет функция text();


$("p:eq(0)").text();
//вывод: "PHP раздел"

Обратите внимание что в примере выше срезались все html-теги. Для того чтобы показать теги используйте функцию html().


$("p:eq(0)").html()
//вывод: "<strong>PHP</strong> раздел"

Как получить данные свойства div. Функция attr поможет получить и изменить свойства элементов.


$("p:eq(0)").attr("data-cat");
//вывод: "php"

Вы можете добавить дополнительное свойство к элементу. В функцию attr() нужно добавить значение свойству. Должна передаваться запись в формате JSON ({ключ:значение}) или "свойство", значение.


$("p:eq(0)").attr({"data-description": "динамический язык программирования"});
$("p:eq(0)").attr("data-description");
//вывод: "динамический язык программирования"

Вы можете удалить свойство у элемента. Остальные элементы останутся на месте.


$("p:eq(0)").removeAttr("data-cat");

Теперь у первого абзаца только 2 свойства: id, data-description.

Вы можете изменять свойства у нескольких элементов при помощи функции each. Смотрите статью обработка каждого элемента массива each().

Комментарии

реклама