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

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

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

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






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