jquery—html方法和text方法

html ( ) : 可分为【取值】和【赋值】；

取值：选择出的是第一个匹配元素的内容，包涵html标签，而且是字符串形式的；

如下：

<div class="wra">
        <div class="box">1<span>0</span></div>
        <div class="box">2</div>
        <div class="box">3</div>
        <div class="box">4</div>
</div>
<script>
    console.log( $(".wra").html() );
    console.log( typeof $(".wra").html() );
</script>

赋值：覆盖每一个（所有）匹配元素的内容；

可以是标签——html ( "<p>吕星辰</p>" )

 也可以是函数——html ( function（ index , ele ）{ } )

我想把class类名为box的div中的内容替换成数组中的内容：

<div class="wra">
        <div class="box">1<span>0</span></div>
        <div class="box">2</div>
        <div class="box">3</div>
        <div class="box">4</div>
</div>
<script>
        var arr = ["hello","吕","星","辰"]
        $(".wra .box").html(function(index,ele){
            return "<span>"+ arr[index] +"</span>"
        })
</script>

text ( ) : 也分为【取值】和【赋值】；

取值：选择出的是匹配元素的内容文本，不包涵html标签；

赋值 : 会把返回的值作用到前边选中的元素的内容中去,【当text中的值有标签的时候，解析器不会当作html标签来解析】；

<div class="wra">
        <div class="box">1<span>0</span></div>
        <div class="box">2</div>
        <div class="box">3</div>
        <div class="box">4</div>
</div>
<script>
        $(".wra .box").text("000");
</script>

size ( ) : 这个方法jquery已经废弃，获取元素集合的长度时可以用原生length属性。