jquery中this代表什么意思

登录注册

jquery中this代表什么意思

来源:网络
更新日期:2022-01-24

摘要：jquery中this代表“当前对象”的意思，this表示的是html中的当前元素，利用“$(this)”语句把html元素变成jquery对象，进而使用jquery方法来处理当前对象，语法为“$(this).jquery

jquery中this代表“当前对象”的意思，this表示的是html中的当前元素，利用“$(this)”语句把html元素变成jquery对象，进而使用jquery方法来处理当前对象，语法为“$(this).jquery方法名();”。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中this代表什么意思

this 是dom对象，说白了就是html里那些标签，$(this)是把dom对象改成JQuery对象，这样随后就能用JQuery的方法处理Dom对象了。

首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object Object ]，这个object对象，也就是jquery对象了。

示例如下：

<html><head><meta charset="utf-8"><title>123</title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ $("p").click(function(){ $(this).hide();//$(this)是在方法click内，此处的$(this)表示的是当前调用click方法的对象$("p")，就是表示当前对象，当前调用该方法的对象 });});</script></head><body><p>如果您点击我，我会消失。</p><p>点击我，我会消失。</p><p>也要点击我哦。</p></body></html>

输出结果：

相关视频教程推荐：jQuery视频教程