`
webcode
  • 浏览: 5954831 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

jQuery中 this 与$(this)的差别

 
阅读更多 
<body>
<input type="text" id="name" value="请输入用户名..."/>
<script type="text/javascript">
$("#name").click(function(){
	alert($(this).val());	
	alert(this.value);
	
	alert($(this));	
	alert(this);
});
</script>
</body>


可以通过一段代码的运行结果来看

当点击文本框的时候：

第一次弹出：

第二次弹出：

第三次弹出：

第四次弹出：

通过对比：

第一次和第二次是一样的--至少知道，this都代表的是当前对象

第三次Object Object ：大概意思是基于Object的Object，也就类指所有$()对象。

第四次：Object HTMLInputElement ：大概意思是基于对象的input文本元素，表示当前元素对象。

或者可以说：

$(this)是jquery对象

this. 是javascript原生对象

分享到：
| 鄙人最近搞的js购物车程序
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    实例讲解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() 方法是一个读写的方法：不加任何参数，读取文本值；加参数为属性节点...

Magicbox
Global site tag (gtag.js) - Google Analytics