关于 .html()和.text()
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>:selected选中状态选择器</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>获取处于选中状态元素的内容</h3>
<form id="frmTest" action="#">
<select id="Select1" multiple="multiple">
<option value="0">苹果</option>
<option value="1" selected="selected">桔子</option>
<option value="2">荔枝</option>
<option value="3" selected="selected">葡萄</option>
<option value="4">香蕉</option>
</select><br /><br />
<div id="tip"></div>
</form>
<script type="text/javascript">
var $content=$("#frmTest :selected").html();
$("#tip").html("选中的内容:"+$content);
</script>
</body>
</html>代码第二十三行是var $content=$("#frmTest :selected").html();
此时结果显示的是【选中的内容:桔子】葡萄没有显示出来
可是如果改成var $content=$("#frmTest :selected").text();
那么结果就是【选中的内容:桔子葡萄】
这是为什么呢