看了网上好多关于jquery $(this)的解释，感觉都说的很模糊。

下面说出我自己的理解。

this表示的是当前对象，下面以例子来说明

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
  5. </script>
  6. <script>
  7. $(document).ready(function(){
  8. $("p").click(function(){
  9. $(this).hide();//$(this)是在方法click内，此处的$(this)表示的是当前调用click方法的对象$("p")，就是表示当前对象，当前调用该方法的对象
  10. });
  11. });
  12. </script>
  13. </head>
  14. <body>
  15. <p>如果您点击我，我会消失。</p>
  16. <p>点击我，我会消失。</p>
  17. <p>也要点击我哦。</p>
  18. </body>
  19. </html>

如果我的想法有错，欢迎大家批评指正

一句话告诉你JQuery $(this)到底指的是什么，怎么用的更多相关文章

  1. http协议无状态中的 "状态" 到底指的是什么？！

    引子: 最近在好好了解http,发现对介绍http的第一句话[http协议是无状态的,无连接的]就无法理解了:无状态的[状态]到底指的是什么?! 找了很多资料不仅没有发现有一针见血正面回答这个问题的, ...

  2. http协议无状态中的 "状态" 到底指的是什么？！（转载）

    转载自:https://www.cnblogs.com/bellkosmos/p/5237146.html   引子: 最近在好好了解http,发现对介绍http的第一句话[http协议是无状态的,无 ...

  3. BSP、PSP到底指什么？

    /************************************************************************* * BSP.PSP到底指什么? * 说明: * B ...

  4. classpath到底指的哪里

    之前一直对classpath不太明白到底指的哪里,今天研究了一下,做个总结.. classpath顾名思义就是指类路径,但是这样解释可能还是不明白,这里拿一个SpringBoot应用编译后生成的tar ...

  5. python中的cls到底指的是什么

    python中的cls到底指的是什么,与self有什么区别? 2018年07月31日 11:13:09 rs勿忘初心 阅读数:7769   作者:秦风链接:https://www.zhihu.com/ ...

  6. 【阿里云产品公测】一句话告诉你什么样的人该使用ACE，如何使用ACE

    作者:阿里云用户小鸡咕咕 首先回应标题,这一句话就是:看完这篇帖子你就知道了.     前言 写在文章之前,我想先阐述一下写这篇文章的意义.可能大伙就要说了,写这篇文章不就是为了200的代金券吗?错, ...

  7. HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解

    scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最 ...

  8. this--java基础---this到底指的是谁？？

    Java基础---this关键字 之前再网上看过很多博客,各种对this关键字的解释,但是说的很模糊,看完跟看书差不多,还是不懂,直到看到大神的博客--(孤傲苍狼),豁然醒悟.this原来是这样用的, ...

  9. JS中this到底指哪个对象

    忘了原作者是谁了   自己也添加了一些东西  勉强可以观看一下 元素就不写了   可以自己添一下试试 先看这段代码 target.onclick = function(){ console.log(t ...

随机推荐

  1. boost.asio源码阅读(2) - task_io_service

    1.0 task_io_service 在boost.asio源码阅读(1)中,代码已经查看到task_io_service中. 具体的操作调用void task_io_service::init_t ...

  2. ADO.NET温习(一)

    ADO.NET概述 本节复习如何使用ADO.NET访问C#程序中的数据,主要介绍如何使用SqlConnection类和OleDbConnection类连接数据库,以及断开与数据库连接.深入讨论命令对象 ...

  3. 头文件limits—各个类型的数据的范围

    要想知道各个类型的数据如int.float.double.long等所能表示的范围,可以加上头文件<limits>,这些类型的范围都在类numeric_limits中定义了的. 类模板:t ...

  4. static成员是可以被其所在class创建的实例访问！！！

    <span style="font-family: Arial, Helvetica, sans-serif; ">关于静态方法以及静态变量的使用就不详细的说了,我就这 ...

  5. 获取 metadata 过程详解 - 每天5分钟玩转 OpenStack（167）

    接上节,启动 neutron router 后 instance c1 终于拿到了 metadata, 从下面 c1 的启动日志可知: c1 所认为的 metadata 服务地址是 169.254.1 ...

  6. 如何用photoshop把一张图片分割成几张图片呢？

    今天情人节,祝大家节日快乐!朋友发来一张照片,我发现这张照片是几张照片组合起来的,是不是感觉每一张都是萌萌哒呢?为了体现单张的独特性,现在我要把它切分成单张,使用Photoshop CS5该怎么弄呢? ...

  7. vue学习笔记 概述（一）

    vue里 最常见的 最普遍的用法 应该是 var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }}) 下面把所有使用方法尽可能列 ...

  8. 无图无定位新版css步骤条兼容ie6+

    <ul class="ui-step list-unstyled"> <li class="step-item"><b class ...

  9. 服务器证书安装配置指南（SLB）

    一.生成证书请求  1.下载CSR生成工具 您需要使用CSR生成工具来创建证书请求.  下载AutoCSR: http://www.itrus.cn/soft/autocsr.rar  2.生成服务器 ...

  10. 日历组件的使用，bootstrap-datetimepicker

    官方文档:http://www.bootcss.com/p/bootstrap-datetimepicker/ .html <input name="createdTimeEnd&qu ...