jQuery - Получение Контента и Атрибутов

jQuery содержит мощные методы для изменения и управления элементами HTML и атрибутами.

jQuery Манипуляция DOM

Одна очень важная часть jQuery - возможность управлять DOM.

jQuery идет с набором связанных с DOM методов, которые облегчают получение доступа и управление элементами и атрибутами.

DOM = Объектная Модель Документа

DOM определяет стандарт для того, чтобы получать доступ к HTML и XML-документам:

"Объектная Модель Документа W3C (DOM) является платформой и нейтральным к языкам интерфейсом, который позволяет программам и сценариям динамически получать доступ и обновлять контент, структуру и стиль документа."

Получение Контента - text(), html() и val()

Три простых, но полезных метода jQuery для манипулирования DOM:

  • text() - Устанавливает или возвращает текстовый контент выбранных элементов

  • html() - Устанавливает или возвращает контент выбранных элементов (включая разметку HTML)

  • val() - Устанавливает или возвращает значение полей формы

Следующий пример демонстрирует, как получить контент с помощью jQuery методов text() и html():

Пример

$("#btn1").click(function(){
  alert("Текст: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

Попробуйте сами »

Следующий пример демонстрирует, как получить значение поля ввода с методом jQuery val():

Пример

$("#btn1").click(function(){
  alert("Значение: " + $("#test").val());
});

Попробуйте сами »

Получение Атрибутов - attr()

jQuery метод attr() используется, чтобы получить значения атрибутов.

Следующий пример демонстрирует, как получить значение атрибута href в ссылке:

Пример

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

Попробуйте сами »

Следующая статья рубрики объяснит, как установить (изменить) контент и значение атрибута.

Далее: Обход jQuery - Объяснение

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)