jQ获取文本属性text和html区别

最新推荐文章于 2024-04-05 18:34:28 发布

Stirve unremitting

最新推荐文章于 2024-04-05 18:34:28 发布

阅读量203

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/weixin_46421045/article/details/106754056

版权

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src = 'jquery-1.10.1.min.js'></script>
        <script>
            /*
                text()
                类似于我们原生JS中的innerText

                【温馨提示】纯文本，包括子节点中的纯文本也获取到。


                get()
                    需要传入参数，将JQ对象转成对应JS的dom节点

                【特别提醒】JS和JQ可以共存但是不能混用。
            */

            $(function(){
                // alert($("div").text());
                // alert($("div").html());


                //赋值
                // $("div").text("<h1>hello world</h1>")




                //取值
                // alert($("ul li").html()); //取值的时候只能取第一个符合条件的元素。

                //就必须让JQ对象后面 跟JS的语法
                // alert($("ul li").get(2).innerHTML);


                //设置每一个li标签，标签间内容是当前节点的下标

                for(var i = 0; i < $("ul li").size(); i++){
                    // $("ul li").get(i).innerHTML = i;

                    //系统提供了一种简便的方式 .get(i) 简写成 [i];

                    $("ul li")[i].innerHTML = i;
                }

            })


        </script>
    </head>
    <body>
        <div>div文本
            <strong>strong文本</strong>
            <em>em文本</em>
        </div>
        <ul>
            <li>持续更新</li>
            <li>未完</li>
            <li>待续</li>
        </ul>
    </body>
</html>