html与text区别


相同点:

  获取匹配到的元素的内容      $("p").text();

 给获取到的元素更改内容      $("p").html("更改后的p标签");


不同点一:

   html()在获取元素内容时,如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。

   text()在获取元素内容时,结果是由所有匹配元素包含的文本内容组合起来的文本


实例:

<p>段落一</p>
<p>段落二<p> 


$(function(){
 alert($("p").text());
})

弹出框结果为: 段落一段落二


$(function(){
    alert($("p").html());
})
弹出框内容为:段落一



不同点二:

  html()在获取内容时,会将其中的其他标签也读取出来

  text()在获取内容时,会忽略其中的标签


实例:

<p><a><i>段落</i></a></p>

$(function(){
 alert($("p").text());
})


弹出框结果为:段落

$(function(){
    alert($("p").html());
})

弹出框结果为:<a><i>段落</i></a>


不同点三:

    html()在更改内容时,可以加入标签

    text()更改的全是内容

 

实例:

$("p").html("<b>test</b>");
网页上显示的是加粗的test


$("p").text("<b>test</b>")
网页上显示的是<b>test</>













阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weijie_home/article/details/50663050
文章标签: jQuery text html 属性
个人分类: jQuery入门
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭