对于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>
那么得到的结果就是 “你说我是好人吗,我是好人啊”和 “哈哈,看看我的结果”