В чем разница между функциями jQuery val()
и text()
?
Где бы вы использовали один над другим?
В чем разница между функциями jQuery val()
и text()
?
Где бы вы использовали один над другим?
Ответы:
.val()
работает с элементами ввода (или любым элементом с атрибутом value?) и .text()
не будет работать с элементами ввода. .val()
получает значение элемента ввода - независимо от типа. .text()
получает innerText (не HTML) всех соответствующих элементов:
Результатом является строка, которая содержит объединенное текстовое содержимое всех соответствующих элементов. Этот метод работает как с HTML, так и с XML документами. Не может использоваться на элементах ввода. Для ввода текста поля используйте атрибут val.
Получить содержимое атрибута value первого соответствующего элемента
textarea
someTextArea.html() !== someTextArea.val()
text () возвращает объединенное текстовое содержимое всех соответствующих элементов (таких как p, div и т. д.). val () используется для получения значения элемента ввода (например, input, select и т. д.)
в соответствии с официальной документацией текст () не должен использоваться с элементами ввода
val () используется для извлечения значения из всех типов ввода html, таких как (флажок, текст и т. д.), где у пользователя есть возможность ввести значение. Пример: -
<input type="text" id="txt_name" />
<input type="checkbox" name="vehicle" value="Bike" id="chk_byk" class="ss">bike<br>
<script type="text/javascript">
$(document).ready(function () {
$("#btn_submit").click(function () {
alert($("#chk_byk").val());
});
});
</script>
где as text () используется для получения значения из HTML-элементов, где пользователь не будет взаимодействовать как (p, div и т. д.)
<p id="p1">Hi how are u??</p>
<div id="dv5">Debendra</div>
<script type="text/javascript">
$(document).ready(function () {
$("#btn_submit").click(function () {
alert($("#dv5").text());
});
});
</script>
Функция .val () возвращает значение из элемента input, а функция .text () возвращает значение из элементов, отличных от input. Мы также можем передать строковый аргумент этим функциям, чтобы установить значение вызывающего элемента . Код ниже показывает, как установить значение для элементов DOM с помощью функций .val () и .text ():
HTML часть:
<form id="form1"><input id="first" type="text" /><input type="submit" /></form>
<div id="second">Click the "Submit Query" to see it work</div>
Jquery часть:
$(document).on("submit", "form", function (e) {
$("#first").val("This input is set by .val() function");
$("#second").text("A new text is set using .text() function!");
return false;
})