val()과 text()의 차이

val()과 text()의 차이

jQuery 함수의 차이점은 무엇입니까?val()그리고.text()?

둘 중 하나를 다른 하나보다 어디에 사용하시겠습니까?

.val()입력 요소(또는 값 속성을 가진 요소)에서 작동하며,.text()입력 요소에서는 동작하지 않습니다. .val()유형에 관계없이 입력 요소의 값을 가져옵니다. .text()일치하는 모든 요소의 innerText(HTML이 아님)를 가져옵니다.

.text()

결과는 일치하는 모든 요소의 결합된 텍스트 내용을 포함하는 문자열입니다.이 방법은 HTML 문서와 XML 문서 모두에서 작동합니다.입력 요소에는 사용할 수 없습니다.입력 필드 텍스트에는 val 속성을 사용합니다.

.val()

처음 일치하는 요소의 값 속성의 내용을 가져옵니다.

text()는 일치하는 모든 요소(p, div 등)의 결합된 텍스트 내용을 반환합니다.val()은 입력 요소(input, select 등)의 값을 얻기 위해 사용됩니다.

공식 설명서에 따르면 text()는 입력 요소와 함께 사용할 수 없습니다.

val()은 (val, text 등)와 같은 모든 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() 함수는 입력 요소에서 값을 반환하고 .text() 함수는 입력 요소 이외의 값을 반환합니다.이러한 함수에 string 인수를 전달하여 호출 요소의 값을 설정할 수도 있습니다.다음 코드는 .val() 및 .text() 함수를 사용하여 값을 DOM 요소로 설정하는 방법을 보여 줍니다.

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;
})

데모: http://jsfiddle.net/urhys9zj/6/

언급URL : https://stackoverflow.com/questions/807867/difference-between-val-and-text