Jquery中的this指向的是哪个对象?

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

猜你喜欢

转载自www.cnblogs.com/JSD1207ZX/p/9903558.html