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

Question

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

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

Answer 1

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

.text()

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

.val()

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

Answer 2

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

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

Answer 3

val() используется для извлечения значений из всех типов ввода html, таких как (флажок, текст и т. Д.), Где пользователь имеет возможность ввода значение. Ex: -

<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 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>