वैल () और टेक्स्ट के बीच अंतर ()

Question

JQuery के कार्यों val()और के बीच क्या अंतर है text()?

आप एक दूसरे पर कहां प्रयोग करेंगे?

Comments

stackoverflow.com/questions/41351609/…

— hbtpoprock

Answer 1

.val()इनपुट तत्वों पर काम करता है (या एक मूल्य विशेषता के साथ किसी भी तत्व?) और .text()इनपुट तत्वों पर काम नहीं करेगा। .val()इनपुट तत्व का मूल्य प्राप्त होता है - प्रकार की परवाह किए बिना। .text()सभी मिलान किए गए तत्वों का इनर टेक्स्ट (HTML नहीं):

.text()

परिणाम एक स्ट्रिंग है जिसमें सभी मिलान किए गए तत्वों की संयुक्त सामग्री शामिल है। यह विधि HTML और XML दोनों दस्तावेजों पर काम करती है। इनपुट तत्वों पर उपयोग नहीं किया जा सकता है। इनपुट फ़ील्ड टेक्स्ट के लिए वैल विशेषता का उपयोग करें।

.val()

पहले मिलान तत्व के मूल्य विशेषता की सामग्री प्राप्त करें

Comments

अजीब बात है - ध्यान रखें कि वे के लिए समान नहीं हो सकताtextarea someTextArea.html() !== someTextArea.val()

— Maciej Jankowski

सामग्री लोड करने के लिए textarea.html ('सामग्री') का उपयोग न करें। मैंने jQuery के डायनामिक के साथ कुछ सामग्री लोड की - जब मैंने सेव बटन पर क्लिक किया तो वह मज़ेदार हिस्सा था। उस कार्रवाई के बाद textarea didnt में सामग्री अब बदल जाती है। .Val ('सामग्री') के साथ सामग्री सेट करने के साथ यह समस्या प्रकट नहीं हुई। पता नहीं क्यों, लेकिन मुझे लगता है कि यह डोम कैश-आईएनजी और इन 2 तरीकों के विभिन्न व्यवहार के साथ कुछ करना है।

— एरिक Epnjak

Answer 2

पाठ () सभी मिलान किए गए तत्वों (जैसे p, div, और इसी तरह) की संयुक्त पाठ सामग्री को वेल () में इनपुट तत्व (जैसे इनपुट, चयन, और इसी तरह) का मान प्राप्त करने के लिए उपयोग किया जाता है

आधिकारिक प्रलेखन पाठ के अनुसार () इनपुट तत्वों के साथ उपयोग नहीं किया जाना चाहिए

Answer 3

वैल () का उपयोग सभी 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>

Answer 4

.val () फ़ंक्शन रिटर्न रिटर्न इनपुट एलीमेंट से और .text () फंक्शन रिटर्न वेल्यू इन इनपुट एलिमेंट्स से अलग है। हम कॉलिंग एलीमेंट का मान सेट करने के लिए इन फ़ंक्शन पर स्ट्रिंग तर्क भी पास कर सकते हैं । नीचे दिए गए कोड से पता चलता है कि .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>

जक्वेरी भाग:

$(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/