<!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