jQuery中this和$(this)的区别是什么?

区别:this表示当前的上下文对象是一个html DOM对象,可以调用html对象所拥有的属性和方法;而“$(this)”代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。

jQuery中this和$(this)的区别是什么?

相关推荐:《jQuery视频教程》

jquery中this与$(this)的用法区别.先看以下代码:

$("#textbox").hover(    function() {        this.title = "Test";  },    fucntion() {        this.title = "OK”;  });

登录后复制

这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。 但是如果将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应该是比较不错的选择。

$()生成的是什么呢?实际上$()=jquery(),那么也就是说返回的是一个jquery的对象。

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

$(function () {    $('button').click(function () {       alert(this);//this 表示原生的DOM       //$(this)表示当前对象,这里指的是button   }) });

登录后复制

结论:
this,表示当前的上下文对象是一个html DOM对象,可以调用html对象所拥有的属性,方法。
$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。

更多编程相关知识,请访问:编程学习!!

以上就是jQuery中this和$(this)的区别是什么?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2721822.html

(0)
上一篇 2025年3月7日 22:48:50
下一篇 2025年2月25日 13:38:21

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 详解jQuery中extend()和jQuery.fn.extend()的区别

    相关推荐:《jQuery视频教程》 1、认识jQuery extend()和jQuery.fn.extend() jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码…

    2025年3月7日
    200
  • jquery如何判断对象是否存在问题

    jquery判断对象是否存在的方法:1、使用jQuery对象的属性length来判断,如果【>0】就存在,代码为【 if($(“#id”)[0]){} else {}】;2、使用原生的Javascript代码来…

    2025年3月7日
    200
  • jquery符号===和==区别是什么

    jquery符号===和==区别:1、【==】两边值类型相同时,等同于【===】,不同的时候,要先进行类型转换,再比较;2、【===】不做类型转换,类型不同的一定不等。 本教程操作环境:windows7系统、jquery3.2.1版,该方法…

    2025年3月7日
    200
  • jquery和ajax的区别是什么

    jquery和ajax的区别:1、Ajax是一种异步请求技术,而jQuery对Ajax进行了封装,更方便我们使用;2、Ajax是一门技术,它提供了异步更新的机制,而jQuery是一个库,它对JS进行了封装。 AJAX AJAX即“Async…

    2025年3月7日
    200
  • jquery有哪些内容过滤器

    jquery的内容过滤器有4种,分别为:1、“:contains(text)”过滤器;2、“:empty”过滤器;3、“:has(selector)”过滤器;4、“:parent”过滤器。 本教程操作环境:windows7系统、jquery…

    2025年3月7日
    200
  • 如何使用jQuery中click()方法

    jQuery中click()方法的使用方法:首先通过id获得div元素对象,并给它绑定【click()】事件;然后在function方法内,通过【text()】方法获得div元素内容,同时使用【alert()】方法输出。 本教程操作环境:w…

    2025年3月7日 编程技术
    200
  • jquery怎么比较两个数字大小

    jquery比较两个数字大小的方法:首先新建一个html文件;然后使用input标签创建两个数字输入框;接着使用button标签创建一个按钮;最后使用val方法分别获得输入的数字,再使用if语句对两个数字的大小进行判断即可。 推荐:《jqu…

    2025年3月7日 编程技术
    200
  • jQuery中EasyUI是什么

    jQuery中EasyUI是指一个js前端框架,基于jQuery实现的,该框架集成了各种用户界面插件;easyui还提供了建立现代化的具有交互性的javascript应用的必要的功能。 推荐:《jquery教程》 jQuery中EasyUI…

    2025年3月7日
    200
  • jquery怎么实现淡入淡出效果

    jquery实现淡入淡出效果的方法:首先新建文本文档,并引入jquery;然后使用方法【fadeIn()】淡入已隐藏的元素;最后使用方法【fadeOut()】淡出可见的元素。 本教程操作环境:windows7系统、jquery3.2.1版,…

    2025年3月7日 编程技术
    200
  • jquery是否获得焦点

    jquery获得焦点的方法:通过判断【$(对象).is(“:focus”)】是否等于true来判断对象是否获得焦点,其中【:focus】选择器用于选取获得焦点的元素,【is()】方法用于查看选择的元素是否匹配选择器。…

    2025年3月7日
    200

发表回复

登录后才能评论