问答详情
源自:3-3 jQuery的属性与样式之.val()

不太懂这三者的区别

.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 怎么理解这句话呢?

提问者:慕用7797256 2018-05-10 14:51

个回答

  • 慕圣3571134
    2018-12-12 16:09:35

    楼主,这句话意思主要指选择器选择多个元素即元素集的时候。举个例:

    <div class="test"></div>

    <div class="test"></div>

    <div class="test"></div>

    ……

    $(".test").html("<p>I love imooc</p>");

    结果就是所有class为test的div里面添加一个p标签。

  • 慕用7797256
    2018-05-10 16:36:01

    还有个问题没解决,上面我问的那句话不知道咋理解,html()方法不是如果有多个元素,就后只取第一个吗?

  • qq_沉溺_3
    2018-05-10 15:48:20

    <div class="left">

                <p>点击看结果</p>

                <p>jQuery.data</p>

                <input type="text" value="click a button" />

    </div>

    <p></p>

    例如上述代码,$('p').html($('.left').html());就能获取class=''left''中所有内容及样式,

    $('p').text($('.left').text());就能获取class=''left''中所有的内容,如:点击看结果jQuery.data

    $("input[type='text']").val('修改表单的字段') ;就能修改value的值 ,如:click a button更改为修改表单的字段