Последние учебники веб-разработки
 

jQuery - Получить и атрибутов

❮ Предыдущая Следующая Глава ❯

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

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

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

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

DOM = Document Object Model

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

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

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

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

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

В следующем примере показано , как получить содержание с JQuery text() и html() методы:

пример

$("#btn1").click(function(){
    alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
});
Попробуй сам "

В следующем примере показано , как получить значение входного поля с JQuery val() метод:

пример

$("#btn1").click(function(){
    alert("Value: " + $("#test").val());
});
Попробуй сам "

Получить атрибуты - attr()

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

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

пример

$("button").click(function(){
    alert($("#w3s").attr("href"));
});
Попробуй сам "

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

Проверьте себя с упражнениями!

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4»

JQuery HTML Ссылка

Полный обзор всех методов JQuery HTML, пожалуйста , перейдите на наш / CSS Reference JQuery HTML .


❮ Предыдущая Следующая Глава ❯