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

 

posted @ 2018-11-04 12:31  明月镇魂  阅读(401)  评论(0)  编辑  收藏  举报