jQuery中$(this)和this 区别

最新推荐文章于 2024-06-11 20:51:23 发布

原创最新推荐文章于 2024-06-11 20:51:23 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #JavaScript #ViewUI

前端同时被 2 个专栏收录

8 篇文章

订阅专栏

6 篇文章

订阅专栏

本文介绍了jQuery中this与$(this)的区别，解释了this代表DOM对象，而$(this)代表jQuery对象，并通过实例展示了如何正确使用两者。

最近经常用到JQuery，今天就和大家简单说所$(this)和this的区别
jQuery中this与$(this)的区别：　this 指代的是 DOM 对象，而$(this)指代的是 jQuery 对象。就相当于以下两者的区别：

var a=document.getElementsByTagName('a')[0];
var $a=$('a').eq(0);

复制代码

看个例子：

<body>
<a href="http://www.baidu.com/"></a>
<a href="http://www.cnblogs.com/duanhuajian/"></a>
</body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$('a').each(function(){
console.log(this.href);
console.log($(this).href);
});
</script>

复制代码

其结果如下图： <ignore_js_op style="word-wrap: break-word; color: rgb(68, 68, 68); font-family: Tahoma, Helvetica, SimSun, sans-serif; "> JQuery this
因为$(this)没有href属性，所以会显示undefined;如果使用$(this),正确写法因该是：