开发工具与关键技术：VS 后端
作者：陈芝番
撰写时间：2019.7.7
这个jQuery取得列表控件选中的option对象，比起原始表单控件清晰看到option对象，但还是各有各的特点，jQuery取得列表控件选中的option对象所占的空间大，而原始的表单控件能隐藏option对象，所占的空间面积少。
jQuery取得列表控件选中的option对象效果如下：
jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。
jQuery部分：
<script >
$(document).ready(function(){
$("#s1").change(function(){
var str="";
//select :selected 注意中间有空格，少了空格就没有效果了
$("select :selected").each(function(){
str += $(this).text() + ',';
});
$("#div1").html('<b>' + str + '</b>');
});
});
</script>this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是有一个总原则，那就是this指的是调用函数的那个对象。
（1）创建一个空对象，使用this变量引用该对象，同时还继承了该函数的原型
（2）属性和方法被加入到this引用的对象中。
（3）新创建的对象由this所引用，并且最后隐式的返回this。
Html部分：
Selected对Option信息选择，基于class的选择性的性能相对于基于id选择器开销很大，因为其需要遍历所有DOM元素。
结语：关于jQuery取得列表控件选中的option对象，先查找（创建）jQuery对象，然后调用jQuery对象的方法完成我们需要完成的工作。