jquery更新和获取文本

jquery更新和获取文本

更新和获取是同一种方法

html方法
<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
    alert($("#test").html())
    //html()方法用于获取文本
})
</script>
</head>

<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
</body>

</html>

text方法

<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
    $("#test").text("hello,world")
    //text()方法用于更改文本
})
</script>
</head>

<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
</body>

</html>

更新文本理论上也可以用=操作符,不过jquery选择了点操作符。然后要替换的文本就在括号里做了参数。
再来text和html方法如果有参数,就是更新文本,没参数就是获取文本。
对比一下javascript的做法
document.getElementById(id).innerHTML = something;
函数太长;此外,是更改innerHTML属性,这里jquey是HTML方法。

参考

jQuery - 设置内容和属性
JS怎么改变<a></a>里面的的文字?_百度知道

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,686评论 18 503
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,628评论 0 11
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,482评论 0 44
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 673评论 0 3
  • 终于还是到这一步了,好多事好多话都没有意义了。虽然有诸多遗憾,但是我没有后悔遇见你。说不难过是假的,希望你好是...
    暗香浮动恰好阅读 143评论 0 0