浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
发布网友
发布时间：2022-05-12 04:35
我来回答
共1个回答
热心网友
时间：2022-04-20 12:23
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)子元素对象的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
imgurl=$(this).find('img').attr('src');alert(imgurl);} 其中 .find(element)是返回一个用于匹配元素的DOM元素，这样就可以取到想要的src地址了。以上这篇浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多...
jq里面用this和用$(this)有什么区别
1、表示对象不同：this表示的是javascript提供的当前对象，$(this)表示的是用jquery封装候的当前对象。2、过程不同：this对象可以直接用this.style修改样式，$(this)可以使用jquery提供的方法访问样式。比如this.style.display="none"在jquery中可以用$(this).css("display","none")实现。
jQuery里$(this)和this的区别在哪?
(this)是jquery对象，能调用jquery的方法，例如click(), keyup()。而this,则是html元素对象，能调用元素属性，例如this.id,this.value。例如假设已经使得this和$(this)都指向了input对象了，若要获得input的值,可以this.value，但$(this)就得$(this).val()。
jQuery里面的$("this")和$(this)有什么区别
1、新建一个html文件，命名为test.html。2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。3、在test.html文件内，使用span创建一行文字，并设置其id属性为test，主要用于下面通过该id获得span对象。4、在test.html文件内，使用jquery中的$符号通过id（test）获...
关于jquery中的this和$(this),
首先说明一下this是原生js就有的，而$(this)是jquery的封装，他们都表示当前对象，但是有差异；("#address").click(function(){ 这里是代码 }，"这里是代码"中的$(this)就是指的当前$("#address")；如果它是$(".address")说明可能有多个,$(this)就是谁说明点击那个.address就是那个，以当前...
jquery中的this 到底是什么意思? $(this)
那么，用到这个jquery里，也算是蛮简单的.举两个例子，一个是单个对象，一个是li元素集合 例1：("#btnConfirm").click(function(){ alert($(this).val()); //看这里，this代表的其实就是这个ID为btnConfirm的按钮,因为你现在点击的是ID为btnConfirm的按钮,那么this就是它 });例子2:$("u...
jQuery中$this和$的区别介绍
this 只是个变量名，加$是为说明其是个jquery对象 // this其实是一个Html 元素。// $this 只是个变量名，加$是为说明其是个jquery对象。// 而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。(function($){ $.fn.hilight = function(options){ ...
jQuery中$(this)的this有什么作用?
this指的是js对象，$(this)指的是jquery对象。这二者是可以相互转化的。this不能调用jQuery的方法。比如this.attr("value")这种写法就是错误的。因为你用的js对象调用jquery的方法。应该这样写：$(this).attr("value")
jquery如何用$(this)选择他下面的子元素
index.html，并引入jquery，编写问题基础代码。2、在index.html中的标签，输入jquery代码：('li').hover(function () { (this).find('dd').css('display', 'inline');});3、浏览器运行index.html页面，此时当鼠标移动到li上时，它的字元素dd通过$(this)的方式获取被显示了出来。
jquery $(this)和$(document)是什么意思?区别是什么
(this)是将函数中非Jquery对象转化成Jquery对象。$(document)也一样，是把document对象转化成Jquery对象
