jQuery中$(this)和this 区别

最新推荐文章于 2023-12-09 09:07:03 发布

iteye_8677

最新推荐文章于 2023-12-09 09:07:03 发布

阅读量117

点赞数

分类专栏： js 前端文章标签： jquery JavaScript ViewUI

本文链接：https://blog.csdn.net/iteye_8677/article/details/82506544

版权

前端同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

6 篇文章 0 订阅

订阅专栏

最近经常用到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),正确写法因该是：

$(this).attr('href');

复制代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_8677

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中$(this)和this 区别

最近经常用到JQuery，今天就和大家简单说所$(this)和this的区别jQuery中this与$(this)的区别：　this 指代的是 DOM 对象，而$(this)指代的是 jQuery 对象。就相当于以下两者的区别：var a=document.getElementsByTagName('a')[0]; var $a=$('a').eq(0);...
复制链接

扫一扫