jQuery技术

jQuery设置或获取元素的内容

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

在jQuery中,操作元素内容的方法包括html()和text()。前者与JavaScript中的innerHTML属性相似,即获取或设置元素的HTML内容;后者类似于JavaScript中的innerText属性,即获取或设置元素的文本内容。

实现示例的jQuery代码:

<script>
 $(function() {
 var html = $("#show").html();
 var text = $("#show").text();
 $("#html").html(html);
 $("#text").html(text);
 })
</script>

实现示例的HTML代码:

<div id="show"><b><i>Write Less Do More</i></b></div>
<div id="html"></div>
<div id="text"></div>

在页面中,用html()和text()方法获取div标记中的内容,并将内容分别作为html(val)和text(val)的参数,分别设置元素的内容,并将结果显示在页面中。

html()方法仅支持XHTML的文档,不能用于XML文档,而text()方法既支持XHTML文档,也支持XML文档。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
/