📅  最后修改于: 2023-12-03 15:16:47.390000             🧑  作者: Mango
jQuery 是一种在客户端使用的 JavaScript 库。它使得处理 HTML 文档、事件处理、动画效果、AJAX 等变得更加方便。html()
方法是其中一个非常有用的方法之一。
html()
方法返回或设置被选元素内容(innerHTML)。
语法:
$(selector).html(content)
首先让我们来看如何从一个元素中获取内容。假设我们有以下 HTML 代码:
<div id="myDiv">这是一个 div 元素。</div>
现在我们可以使用以下代码将文本内容从该 div 元素中获取出来:
$(document).ready(function(){
var divText = $("#myDiv").html();
console.log(divText);
});
输出结果:
这是一个 div 元素。
然后我们可以看看如何使用 html()
方法来改变一个元素的内容。同样,假设我们有以下 HTML 代码:
<div id="myDiv">这是一个 div 元素。</div>
以下代码可以让我们将此 div 元素中的内容更改为 你好,世界!
:
$(document).ready(function(){
$("#myDiv").html("你好,世界!");
});
现在这个 div 里的内容将变为:
你好,世界!
使用 html()
方法可以轻松地获取或设置元素的内容。此外,您还可以将 HTML 标签插入到元素中。请记住,如果您使用 html()
方法更改元素的内容,那么元素内的所有内容都将被替换为您定义的内容。
示例代码如下:
<div id="myDiv">这是一个 div 元素。</div>
<script>
$(document).ready(function(){
var divText = $("#myDiv").html();
console.log(divText);
$("#myDiv").html("你好,世界!");
});
</script>
输出结果:
这是一个 div 元素。
你好,世界!