对于text()和html()来说，获取元素内部的值的用法基本上是一样的，结果是由所有匹配元素包含的文本内容组合起来的文本，如<p>...</p> <dt>...<dt>等等，所以xml和html都可以获取（元素闭合）
而对于val() 则是获得第一个匹配元素的当前值，比如<input type="text" value="sdfdsf"> 那么利用这个方法将获得的是input 元素的value值，而利用text()方法是获取不到的，因为不是闭合元素
代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Clone()的使用方法</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tag li').eq(0).click(function(){
alert($(this).clone().html());
alert($("input").val());
});
});
</script>
</head>
<body>
<div id="tag">
<ul>
<li>你说我是好人吗，我是好人啊</li>
<li>哈哈，我真的不知道说什么了</li>
<li>生活就是应该平淡的</li>
<li>像上学一样的工作</li>
</ul>
</div>
<input type="text" value="哈哈，看看我的结果">
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Clone()的使用方法</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tag li').eq(0).click(function(){
alert($(this).clone().html());
alert($("input").val());
});
});
</script>
</head>
<body>
<div id="tag">
<ul>
<li>你说我是好人吗，我是好人啊</li>
<li>哈哈，我真的不知道说什么了</li>
<li>生活就是应该平淡的</li>
<li>像上学一样的工作</li>
</ul>
</div>
<input type="text" value="哈哈，看看我的结果">
</body>
</html>
那么得到的结果就是 “你说我是好人吗，我是好人啊”和 “哈哈，看看我的结果”
分类:
Javascript 杂谈记录
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！