голосование
PHP
Javascript
BASH
HTML
Firebird
Программы
Хостинг
Майнинг
Ресурсы
GIT
SEO
Oracle
Python
Железо
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

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

Очень часто нужно в режиме онлайн узнать и изменить свойства элементов 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().

просмотры: 923, уровень: лёгкий уровень, рейтинг: 0, дата: 2015-12-26 10:02:01
проголосовать:

Комментарии:






поиск
сайты друзей
банеры
сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://ping-admin.ru/index_5659.html мониторинг сайтов сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://www.2domains.ru домен RU домен RU всего за 99 рублей
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.