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

Posted 明月镇魂

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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

 

以上是关于Jquery中的this指向的是哪个对象？的主要内容，如果未能解决你的问题，请参考以下文章

强大的JQuery-自定义插件

Jq this的指向问题

javascript中的this到底指啥？

函数this指向哪个对象？

DOM元素属性值如果设置为对象

浅谈js中的this指向