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或是JS里面,''和“” 的作用是一模一样的。
就是在输入的时候,一个直接输入,一个还有按着shift键。见此而已。
jquery等同于$,jquery()等同于$()。为了方便编写代码,同时为了加载速度,所以jquery库里面封闭了$符的特定函数,简化了javascript的烦杂。
$就当一个符号是jQuery内置定义的 就如js语句document.getElementByid("id").value; 而jQuery就用$("id").value 所以$就算得上封装了前面的那一堆罗嗦的js 我们自己也可以在js里简单的用一个字符去替换那段便起到了封装的作用 我是这么理解 不晓得是否正确 呵呵
1、$("this")是使用标签选择器,查找名为this的标签
2、$(this)取出当前对象并转换为jQuery对象
3、$(this)是jquery对象,能调用jquery的方法,例如click(),
keyup();而this,则是html元素对象,能调用元素属性,例如this.id,this.value