正文
jquery()和$(),jquery和html的关系
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
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地址了。
以上这篇浅谈jQuery
this和$(this)的区别及获取$(this)子元素对象的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关问答
Q1: JQuery的$('')和$("")有什么区别。
没有任何区别。
在JQuery或是JS里面，''和“” 的作用是一模一样的。
就是在输入的时候，一个直接输入，一个还有按着shift键。见此而已。
Q2: jquery 和$的区别
jquery等同于$，jquery()等同于$（）。为了方便编写代码，同时为了加载速度，所以jquery库里面封闭了$符的特定函数，简化了javascript的烦杂。
Q3: $和jQuery有什么区别
$就当一个符号是jQuery内置定义的 就如js语句document.getElementByid("id").value; 而jQuery就用$("id").value 所以$就算得上封装了前面的那一堆罗嗦的js 我们自己也可以在js里简单的用一个字符去替换那段便起到了封装的作用 我是这么理解 不晓得是否正确 呵呵
Q4: jQuery里面的$("this")和$(this)有什么区别
1、$("this")是使用标签选择器，查找名为this的标签
2、$(this)取出当前对象并转换为jQuery对象
3、$(this)是jquery对象，能调用jquery的方法，例如click(),
keyup()；而this,则是html元素对象，能调用元素属性，例如this.id,this.value
