jquery $(this)和this的区别

发布时间:2019-07-17编辑:脚本学堂
通过实例了解下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.jb200.com/wb/php/"></a>
</body>

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(''a'').each(function(){
        console.log(this.href);
        console.log($(this).href);
    });
</script>

效果如下图:
jquery $(this)

因为$(this)没有href属性,所以会显示undefined;如果使用$(this)。
正确写法:
$(this).attr(''href'');