关于 .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();
那么结果就是【选中的内容:桔子葡萄】
这是为什么呢