jQuery取得列表控件选中的option对象

开发工具与关键技术：VS   后端

作者：陈芝番                                                                           

撰写时间：2019.7.7

这个jQuery取得列表控件选中的option对象，比起原始表单控件清晰看到option对象，但还是各有各的特点，jQuery取得列表控件选中的option对象所占的空间大，而原始的表单控件能隐藏option对象，所占的空间面积少。

jQuery取得列表控件选中的option对象效果如下：

  

jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。

jQuery部分：

this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是有一个总原则，那就是this指的是调用函数的那个对象。

（1）创建一个空对象，使用this变量引用该对象，同时还继承了该函数的原型

（2）属性和方法被加入到this引用的对象中。

（3）新创建的对象由this所引用，并且最后隐式的返回this。

Html部分：

Selected对Option信息选择，基于class的选择性的性能相对于基于id选择器开销很大，因为其需要遍历所有DOM元素。

结语：关于jQuery取得列表控件选中的option对象，先查找（创建）jQuery对象，然后调用jQuery对象的方法完成我们需要完成的工作。