jq的html()、text()、val()的使用

最新推荐文章于 2024-07-03 21:14:45 发布

龍joker

最新推荐文章于 2024-07-03 21:14:45 发布

阅读量2.8k

点赞数 1

文章标签： html 表单

本文链接：https://blog.csdn.net/qq_39414668/article/details/75098760

版权

JQ获取HTML、文本和值

jq的html()方法可以获取被选中元素所包裹的标签以及文本内容。

jq的text()方法只能获取被选中元素所包裹的文本内容。

jq的val()方法可以获取被选中元素的值，一般用在表单上。

注意：
1.html()方法和text()方法不能获取表单填的值。“

2.val()方法不能获取元素所包裹的标签以及文本内容。

实例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>验证电话号码</title>
    </head>
    <body>
        <input type="text" name="" id="number" placeholder="请输入电话号码"/>
        <div id="sss">152</div>
        <script type="text/javascript" src="../js/jquery-3.1.1.js" ></script>
        <script type="text/javascript">
            var number = $("#number").html();
            var number1 = $("#number").val();
            var number2 = $("#number").text();
            var number3 = $("#sss").val();
            var number4 = $("#sss").html();
            var number5 = $("#sss").text();
            console.log(number);
            console.log(number1);
            console.log(number2);
            console.log(number3);
            console.log(number4);
            console.log(number5);       
        </script>
    </body>
</html>