jQuery HTML - 获取 —— W3school 详解 简单易懂
warning:
这篇文章距离上次修改已过446天，其中的内容可能已经有所变动。
在W3School的jQuery教程中，.html()方法用于获取或设置选定元素的HTML内容。
获取HTML内容：
$(selector).html()这将返回选定元素的HTML内容。
设置HTML内容：
$(selector).html(content)这将设置选定元素的HTML内容为content。
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery html() 方法实例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
alert("Text: " + $("#test").html());
});
$("#btn2").click(function(){
$("#test").html("Hello <b>World</b>!");
});
});
</script>
</head>
<body>
<p id="test">Hello <b>World</b>!</p>
<button id="btn1">显示 p 元素的 HTML 内容</button>
<button id="btn2">改变 p 元素的 HTML 内容</button>
</body>
</html>在这个例子中，当点击按钮1时，会弹出一个包含#test元素HTML内容的警告框。点击按钮2会将#test元素的HTML内容改为"Hello World!"。
评论已关闭