JQuery this和$(this)的区别及获取$(this)子元素对象的方法

叁歲伎倆 2022-02-21 04:46 199阅读 0赞

#     #

**1.JQuery this和$(this)的区别**

相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？

首先来看看JQuery中的  $()  这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('\#id'));时，会弹出一个\[object Object \]，这个object对象，也就是jquery对象了。

那么，我们再回过头来说$(this)，这个this是什么呢？假设我们有如下的代码：

$("\#desktop a img").each(function(index)\{

alert($(this));

alert(this);

\}

那么，这时候可以看出来：

alert($(this));  弹出的结果是\[object Object \]

alert(this);        弹出来的是\[object HTMLImageElement\]

也就是说，后者返回的是一个html对象(本例中是遍历HTML的img对象，所以为HTMLImageElement)。

很多人在使用jquery的时候，经常this.attr('src');   这时会报错“对象不支持此属性或方法”，这又是为什么呢？其实看明白上面的例子，就知道错在哪里了：很简单，this操作的是HTML对象，那么，HTML对象中怎么会有val()方法了，所以，在使用中，我们不能直接用this来直接调用jquery的方法或者属性。

**2.获取$(this)子节点对象的方法：find(element)**

明白了$(this)和this的区别，再来看看这个例子:(假设，我的页面中a标签包含img，并含有src属性)，当我在遍历的时候，想取到$(this)下img中src的地址

$("\#desktop a ").each(function(index)\{

var imgurl=$(this).find('img').attr('src');

alert(imgurl);

\}

其中 .find(element) 是返回一个用于匹配元素的DOM元素，这样就可以取到想要的src地址了。

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 MainAcitvity.this和this的区别

在Miwok应用开发过程中，在MainActivity类中用到了MainActivity.this，这里说明为什么不可用this。 1.先说明Context和Activit

朱雀/ 2023年08月17日 15:45/ 0 赞/ 100 阅读

相关 jQuery获取this当前对象子元素对象

<select id="city"> <option value="beijing">北京</option> <option val

Love The Way You Lie/ 2022年08月17日 15:28/ 0 赞/ 166 阅读

相关 jquery $(this).attr $(this).val方法使用介绍

$(this).attr(key); 获取节点属性名的值，相当于getAttribute(key)方法，本文整理了一些相关的示例，感兴趣的朋友可以参考下: $(th

今天药忘吃喽~/ 2022年08月05日 02:22/ 0 赞/ 127 阅读

相关 JavaScript的this 与JQuery的$(this)

JavaScript的this 与JQuery的$(this) 首先，我们先来了解一下，javascript中的this,因为在JS中，每一个function

ゝ一世哀愁。/ 2022年06月14日 02:14/ 0 赞/ 174 阅读

相关 Jquery中$(this)与this的区别

相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？　　首先来看看JQuery中的 $() 这个符号，实际上这个符

灰太狼/ 2022年06月12日 07:27/ 0 赞/ 187 阅读

相关 this和 $(this)的区别

今天在使用jquery来实现一个小功能的时候，发现了一个小问题，故在这里总结一下，供以后学习》问题：this 和 $(this)的区别 1.this 指的是ht

迈不过友情╰/ 2022年06月10日 08:21/ 0 赞/ 246 阅读

相关 this与$(this)的区别

this指的是HTM中的元素 $(this)指的是JQuery的处理对象 $("textbox").hover( function() {

ゝ一世哀愁。/ 2022年05月20日 06:04/ 0 赞/ 170 阅读

相关 JQuery this和$(this)的区别及获取$(this)子元素对象的方法

1.JQuery this和$(this)的区别相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？

叁歲伎倆/ 2022年02月21日 04:46/ 0 赞/ 200 阅读

相关 jQuery中this与$(this)的区别

$()的作用： 1.传入一个选择器字符串，获取选择器对应的DOM的内容,保存在数组中，也就是所说的jquery对象。例如：\`$('.class') 、$('\id‘)、

深藏阁楼爱情的钟/ 2021年12月11日 09:53/ 0 赞/ 266 阅读

相关 jQuery中this与$(this)的使用与区别

this与$(this)的区别 this其实是一个Html 元素，是一个javascript对象，常用其来为其属性赋值。 $(this)是一个jQuery对象，不存在

Myth丶恋晨/ 2021年12月11日 09:05/ 0 赞/ 277 阅读