当前位置：首页 > news >正文

jQuery html的使用

news 2025/8/21 12:14:57

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>

查看全文

http://www.lryc.cn/news/292111.html