`

jQuery中this与$(this)的区别

阅读更多
jQuery中this与$(this)的区别
$("#textbox").hover(
	function() {
		this.title = "Test";
	},
	fucntion() {
		this.title = "OK";
	}
);

这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。
但是如果将 this换成$(this)就不是那回事了,Error--报了。this与$(this)的区别在此。
$("#textbox").hover(
	function() {
		$(this).title = "Test";
	},
	function() {
		$(this).title = "OK";
	}
);

这里的$(this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。

JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样:
$("#textbox").hover(
	function() {
		$(this).attr('title','Test');
	},
	function() {
		$(this).attr('title','OK');
	}
);

使用jQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。

来自:http://sys.firnow.com/web/x8002010n03m/15s9019552.html
分享到:
评论

相关推荐

    实例讲解JQuery中this和$(this)区别

    主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,...

    详谈jQuery中的this和$(this)

    网上有很多关于jQuery的this和$(this)的介绍,大多数只是理清了this和$(this)的指向,其实它是有应用场所的,不能一概而论在jQuery调用成员函数时,this就是指向dom对象。 $(this)指向jQuery对象是无可厚非的,但...

    浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法

    1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$...

    js原生态函数中使用jQuery中的 $(this)无效的解决方法.docx

    js原生态函数中使用jQuery中的 $(this)无效的解决方法.docx

    jQuery 选择方法及$(this)用法实例分析

    主要介绍了jQuery 选择方法及$(this)用法,结合实例形式分析了jQuery 选择方法及$(this)相关使用技巧与注意事项,需要的朋友可以参考下

    jQuery中$this和$(this)的区别介绍(一看就懂)

    // 而$(this)是个转换,将this表示的dom对象转为jquery对象,这样就可以使用jquery提供的方法操作。 (function($){ $.fn.hilight = function(options){ debug(this); var defaults = { foreground: 'red', ...

    jQuery 中$(this).index与$.each的使用指南

    主要介绍了jQuery 中$(this).index与$.each的使用方法,以及使用环境,有需要的小伙伴自己参考下吧

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    jquery.each 方法 方法一 $("img").each(function(i... //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方法三 应有场景有点不一样 this.each(function(){ }) 扩展jQuery对象方法 应该是 j

    jQuery自定义添加”$”与解决”$”冲突的方法

    本文实例讲述了jQuery自定义添加”$”与解决”$”冲突的方法。分享给大家供大家参考。具体分析如下: 1.自定义添加$ 虽然jQuery很强大,但无论如何,jQuery都不可能满足所有用户的需求,而且有一些需求十分小众,也...

    js原生态函数中使用jQuery中的 $(this)无效的解决方法

    今天遇到一个听郁闷的问题,正如title所说 js中原生态函数在jQuery 中使用 $(this) 被解析成undefined

    JQuery this 和 $(this) 的区别

    起初以为this和$(this)就是一模子刻出来。但是我在阅读时,和coding时发现,总不是一回事。

    jQuery中event.target和this的区别详解

     2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target). 比如,一个很简单的例子. $(event.target)指向触发事件的元素. 当点击蓝色小方框时, 蓝色小方框会变成...

    Jquery学习手册

    jQuery.each(function),遍历jQuery对象集合,在每个对象上执行function函数,function callback(index, domElement){this}; jQuery.size(),返回jQuery对象集合的大小 jQuery.length,相当于size()方法 jQuery....

    JQuery综合练习2.docx

    2、在响应函数中,this 是一个 DOM 对象,若想使用 jQUery 对象的方法,需要把其包装为 jQuery 对象:使用 $() 把 this 包起来。  3、text() 方法是一个读写的方法:不加任何参数,读取文本值;加参数为属性节点...

Global site tag (gtag.js) - Google Analytics