zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    使用CoreData [3]
    使用CoreData [2]
    使用CoreData [1]
    [翻译] CRPixellatedView-用CIPixellate滤镜动态渲染UIView
    简易使用UILabel的富文本
    [翻译] OrigamiEngine
    [翻译] DoActionSheet
    解决tableView中cell动态加载控件的重用问题
    ARC中用代码检测一个对象有没有释放掉
    HTTP请求中浏览器的缓存机制
  • 原文地址:https://www.cnblogs.com/JSD1207ZX/p/9903558.html
Copyright © 2011-2022 走看看