jquery中改变指定div内容的方法：html函数，类似innerHTML函数

jQuery改变HTML内容

最新推荐文章于 2022-08-07 23:59:32 发布

原创最新推荐文章于 2022-08-07 23:59:32 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

Html 同时被 2 个专栏收录

262 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

本文介绍如何使用jQuery的html()函数来更改网页上指定div元素的内容。通过一个示例展示了当按钮被点击时，如何将新的内容插入到段落中。

jquery中改变指定div内容的方法：html函数，类似innerHTML函数

- 改变 html内容

改变 html内容

语法：$(selector).html(content)

html() 函数改变所匹配的 HTML 元素的内容（innerHTML）。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $("p").html("www.qipa250.com");
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">请点击这里</button>
</body>

</html>