val（）和text（）之间的区别

2018-06-25 01:48:53

jQuery的函数val()和text()之间的区别是什么？

你会在哪里使用一个？

.val()对输入元素（或任何带有value属性的元素.val()起作用，而.text()对输入元素不起作用。 .val()获取输入元素的值 - 无论类型如何。 .text()获取所有匹配元素的innerText（不是HTML）：

.text()

结果是一个包含所有匹配元素的组合文本内容的字符串。此方法适用于HTML和XML文档。不能用于输入元素。对于输入字段文本，使用val属性。

.val()

获取第一个匹配元素的value属性的内容

text（）返回所有匹配元素（如p，div等）的组合文本内容。val（）用于获取输入元素的值（如input，select等）

根据官方文档，文本（）不应该与输入元素一起使用

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>

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

链接地址: http://www.djcxy.com/p/70207.html

上一篇: Difference between val() and text()

下一篇: java.net.URISyntaxException: Illegal character in path at index 75