Val () ve text () arasındaki fark

225

JQuery'nin fonksiyonları val()ile arasındaki fark nedir text()?

Birini diğerinin üzerinde nerede kullanırsınız?

javascript jquery html

— Dan Appleyard
kaynak

— hbtpoprock

284

.val()giriş öğeleri (veya değer özniteliğine sahip herhangi bir öğe?) .text()üzerinde çalışır ve giriş öğeleri üzerinde çalışmaz. .val()türüne bakılmaksızın giriş öğesinin değerini alır. .text()eşleşen tüm öğelerin innerText'ini (HTML değil) alır:

.text()

Sonuç, eşleşen tüm öğelerin birleştirilmiş metin içeriklerini içeren bir dizedir. Bu yöntem hem HTML hem de XML belgeleri üzerinde çalışır. Giriş öğelerinde kullanılamaz. Giriş alanı metni için val niteliğini kullanın.

.val()

İlk eşleşen öğenin değer özelliğinin içeriğini alma

— tvanfosson
kaynak

3

komik şey - onlar için eşit olmayabilir dikkate alıntextarea someTextArea.html() !== someTextArea.val()

— Maciej Jankowski

İçerik yüklemek için textarea.html ('içerik') kullanmayın. Bazı içeriği jQuery dynamic ile yükledim - komik kısım, kaydet düğmesine tıkladığım zamandı. Bu eylemden sonra metin alanındaki içerik artık değişmedi. .Val ('content') ile içerik ayarlandığında bu sorun ortaya çıkmadı. Nedenini anlayamadım, ancak DOM önbellekleme ve bu 2 yöntemin farklı davranışları ile ilgili bir şey olduğunu düşünüyorum.

— Erik Čerpnjak

25

text (), eşleşen tüm öğelerin (p, div vb. gibi) birleştirilmiş metin içeriğini döndürme val (), bir giriş öğesinin (giriş, seçme vb.) değerini elde etmek için kullanılır

Resmi belgelere göre metin () giriş elemanları ile kullanılmamalıdır

1

val (), kullanıcının değer girme seçeneğine sahip olduğu (onay kutusu, metin vb.) gibi tüm html giriş türlerinden değer almak için kullanılır. Ör: -

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

Burada metin (), kullanıcının (p, div vb.) gibi etkileşimde bulunmayacağı html öğelerinden değer almak için kullanılır

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

— Debendra Dash
kaynak

0

.val () işlevi giriş öğesinden değer, .text () işlevi de giriş öğelerinden başka bir değer döndürür. Ayrıca , çağıran öğenin değerini ayarlamak için bu işlevlere dize argümanı iletebiliriz . Aşağıdaki kod, .val () ve .text () işlevlerini kullanarak değerin DOM öğelerine nasıl ayarlanacağını gösterir:

HTML Bölümü:

<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 Bölümü:

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

Demo: http://jsfiddle.net/urhys9zj/6/

— Himanshu Singh
kaynak