Разница между val() и текстом()

Question

Разница между val() и текстом()

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

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

446 3

jQuery javascript html

3 ответов:

Comments

Ничего не найдено.

tvanfosson · Accepted Answer · 2013-03-23 21:20:39

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

.text()

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

.val()

получить содержимое атрибута value первого совпадающего элемента

score 24 · Accepted Answer · 2009-04-30 19:52:06

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

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

Debendra Dash · Accepted Answer · 2018-01-03 10:52:55

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> 
, где в виде текста() используется для извлечения значения из 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>