<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script> $(function(){ $("#choose").change(function(){ var val = this.value; alert(val); }) }) </script> </head> <body> <form> <select id="choose"> <option value="-1">--请选择城市--</option> <option value="0">济南</option> <option value="1">郑州</option> <option value="2">太原</option> <option value="3">长春</option> </select> </form> </body> </html>
这里面按照平常的理解,this应该是指向一个DOM对象的,但是这里面只有JQuery对象,去哪里找DOM对象呢?
通过这两天对网上资料的翻阅,还有对JQ的理解,JQ本质上就是对JS进行了封装,在JQ的源码中就有DOM对象,而且JQ应该对this未作重新定义,所以在JQ中this仍然指向了一个DOM对象。
segmentfault中对这个问题的讨论:https://segmentfault.com/q/1010000003877721
【这个this是callback中的this,又不是click中的this。所以和$('#box')没关系,具体指什么是取决于click()中这个callback的上下文环境(在这里是调用这个callback的DOM节点,也就是你用document.getElement方法返回的那个)。】
以及jb51中的一个解答:https://www.jb51.net/article/24739.htm