jquery中的html方法可以获取和设置标签的html内容
var $div = $("div")
// 获取标签div的html内容
alert($div.html())
console.log($div.html())
.html: 设置标签的html内容,之前的内容会清除(只会显示 CSDN)
// 设置标签的html内容,之前的内容会清除
$div.html("<a href='https://www.baidu.com'>百度</a>")
// 设置标签的html内容,之前的内容会清除,会只显示CSDN
$div.html("<a href='https://www.csdn.net/'>CSDN</a>")
.append:追加html内容 (会显示 百度CSDN)
// 设置标签的html内容,之前的内容会清除
$div.html("<a href='https://www.baidu.com'>百度</a>")
// 追加html内容,会显示 百度CSDN
$div.append("<a href='https://www.csdn.net/'>CSDN</a>")
参考代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
var $div = $("div")
// 获取标签div的html内容
alert($div.html())
console.log($div.html())
// // 设置标签的html内容,之前的内容会清除
// $div.html("<a href='https://www.baidu.com'>百度</a>")
// // 设置标签的html内容,之前的内容会清除,会只显示CSDN
// $div.html("<a href='https://www.csdn.net/'>CSDN</a>")
// 设置标签的html内容,之前的内容会清除
$div.html("<a href='https://www.baidu.com'>百度</a>")
// 追加html内容,会显示 百度CSDN
$div.append("<a href='https://www.csdn.net/'>CSDN</a>")
});
</script>
</head>
<body>
<div>
哈哈啊哈哈
</div>
</body>
</html>