jquery_8

text() - 获取和设置文本内容

    <input type="button" value="获取" id="getBtn">
    <input type="button" value="设置" id="setBtn">
    <div id="div1">
        我是一个div1标签
        <p>
            p1标签
            <span>span1</span>
        </p>
    </div>
    <div id="div2">
        我是一个div2标签
        <p>
            p2标签
            <span>span2</span>
        </p>
    </div>

1. 获取文本

1.1   获取文本，text()方法不给参数

        会获取到这个标签中的所有文本，包括后代元素的文本

        $(function(){
            $('#getBtn').click(function(){
                console.log($('#div1').text())
            })
        })

1.2   获取标签为div的元素的文本

        包含了多个dom元素的jquery对象，通过text()方法获取文本，会把所有dom元素的文本都获取到

        $(function(){
            $('#getBtn').click(function(){
                console.log($('div').text())
            })
        })

2.设置文本,

2.1   text()方法给参数，参数就是要设置的文本

        会覆盖他原来的内容,设置的文本中若包含标签，是不会把标签解析出来的

        $(function(){
            $("#setBtn").click(function(){
                $("#div1").text('这是新设置的文本');
                $("#div2").text('这是新设置的文本2<a>新设置的连接</a>');
            })
        })

2.2   给标签为div的元素设置文本

        包含了多个dom元素的jquery对象，通过text()方法，会吧所有的dom元素都设置上

        $(function(){
            $("#setBtn").click(function(){
                $("div").text('新设置的文本') // 隐式迭代
            })
        })