德骏网站建设,重庆企业网站如何推广,破解版成年猫咪版永久,企业网站设计与实现论文1.JQuery this和$(this)的区别 // this其实是一个Html 元素。
// $this 只是个变量名#xff0c;加$是为说明其是个jquery对象。
// 而$(this)是个转换#xff0c;将this表示的dom对象转为jquery对象#xff0c;这样就可以使用jquery提供的方法操作。 相信很多刚接触JQuery的…1.JQuery this和$(this)的区别 // this其实是一个Html 元素。
// $this 只是个变量名加$是为说明其是个jquery对象。
// 而$(this)是个转换将this表示的dom对象转为jquery对象这样就可以使用jquery提供的方法操作。 相信很多刚接触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地址了。 --------------------------------------------------------------------------------------------------------------- this 与 $(this) 是不一样的对象this指针表示的是当前function中的context对象在 jQuery 事件中- this 表示的是当前事件发生的目标元素DOM对象- $(this) 表示将该元素封装为一个 jQuery 对象例如$( p ).bind() 中的 this 就是一个 p 元素它是DOM对象拥有的属性和方法都是DOM对象的属性和方法。$(this)则是将这个p元素封装为一个jQuery对象从而可以使用jQuery定义的一些方法来访问DOM对象。$(this).text() 方法属于jQuery对象作用是取得元素的文本内容与之对应的DOM对象属性是 this.textContent同样$(this).html() 是取得元素内的HTML内容对应的是 this.innerHTML。而 this.nodeName 则没有对应的jQuery方法了。
