jQuery中this与$(this)的区别

最新推荐文章于 2024-06-11 20:51:23 发布

JSS00

最新推荐文章于 2024-06-11 20:51:23 发布

阅读量243

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery this $(this)

本文链接：https://blog.youkuaiyun.com/YLXB2/article/details/95102932

jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文详细解析jQuery中$()函数的三种主要用途：选择DOM元素、执行页面加载后的回调函数以及将JavaScript对象转化为jQuery对象。并通过实例展示了如何正确使用$()函数与this关键字。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$()的作用：
1.传入一个选择器字符串，获取选择器对应的DOM的内容,保存在数组中，也就是所说的jquery对象。例如：`$('.class') 、$('#id‘)、$('tag')`
2.传入一个匿名函数，该匿名函数在页面加载完毕后执行。`$(function(){})`
3.将javascript对象包装成jquery对象。例如：`$(this),$({a:1,b:2})`
使用jQuery的好处是它包裝了各种浏览器版本对DOM对象的操作。

 $("#textbox").hover(   
               function() {   
                  $(this).title ＝ "Test";   
                  this.title = "OK"//
               }}

结果：OK。this是指html元素，元素有title属性；$(this)指jquery对象，对象没有title属性。

  $("#textbox").hover(   
               function() {   
                  $(this).css('display','none')  //正确，$(this)是jquery对象，可以调用css()
                  this.css('display','none')  //报错，this是html元素，不是jquery对象，不能调用css()
               }}