jquery()和$(),jquery和html的关系-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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)子元素对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

JQuery的$('')和$("")有什么区别。

没有任何区别。

在JQuery或是JS里面,''和“” 的作用是一模一样的。

就是在输入的时候,一个直接输入,一个还有按着shift键。见此而已。

jquery 和$的区别

jquery等同于$,jquery()等同于$()。为了方便编写代码,同时为了加载速度,所以jquery库里面封闭了$符的特定函数,简化了javascript的烦杂。

$和jQuery有什么区别

$就当一个符号是jQuery内置定义的 就如js语句document.getElementByid("id").value; 而jQuery就用$("id").value 所以$就算得上封装了前面的那一堆罗嗦的js 我们自己也可以在js里简单的用一个字符去替换那段便起到了封装的作用 我是这么理解 不晓得是否正确 呵呵

jQuery里面的$("this")和$(this)有什么区别

1、$("this")是使用标签选择器,查找名为this的标签

2、$(this)取出当前对象并转换为jQuery对象

3、$(this)是jquery对象,能调用jquery的方法,例如click(),

keyup();而this,则是html元素对象,能调用元素属性,例如this.id,this.value


网页名称:jquery()和$(),jquery和html的关系
本文URL:http://kswsj.cn/article/dscgjgp.html

其他资讯