Разница между val () и text ()

Question

В чем разница между функциями jQuery val() и text()?

Где бы вы использовали один над другим?

Answer 1

.val() работает с элементами ввода (или любым элементом с атрибутом value?), А .text() не будет работать с элементами ввода. .val() получает значение элемента ввода - независимо от типа. .text() получает внутренний текст (не HTML) всех соответствующих элементов:

.text()

Результатом является строка, содержащая объединенное текстовое содержание всего согласованные элементы. Этот метод работает на и HTML и XML документы. Не может быть используется на элементах ввода. Для ввода В тексте поля используется атрибут val.

.val()

Получить содержимое атрибута значения первого подобранного элемента

Answer 2

text () возвращает объединенное текстовое содержимое всех соответствующих элементов (таких как p, div и т. Д.) val () используется для получения значения элемента ввода (например, input, select и т. д.)

в соответствии с текстом официальной документации () не следует использовать с элементами ввода

Answer 3

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>