美文网首页
this相关

this相关

作者: xingkong_s | 来源:发表于2015-12-30 12:09 被阅读87次

1.prototype
2.extend
3.this的定位


一、prototype

$.fn.xxx = function(opt){}

是为jquery的prototype定义了函数,
这样, 任何一个jquery对象都可以使用这个成员函数,
//Jquery插件的一种方法
//你需要知道的是.fn = jQuery.prototype =.prototype

二、extend

$.fn.extend()

在jquery中重新定义了extend的使用方法,
如果只有一个参数, 那么就是扩展本身, 即.fn.extend({}), //就是用{}对象扩展.fn, 也就是jquery的prototype, 这样, 和上面的prototype就一样了

还有一种写法就是

$.extend($.fn, {}); 

//这个extend不是一个参数,它作用是用后面的扩展前面的, 即用{}扩展了$.fn, 还是一个意思

三、this的定位

1.关于$(this)和this, 你关键还是要知道this表示的是什么:

  • 如果this是一个dom元素 -> $(this)是一个jquery元素,
  • 如果this是一个jquery元素 -> $(this)还是一个jquery元素,

//虽然你用==去判断两者是不同的, 但是他们内容都是一样的

2.关于this和$(this)还要注意一点

$('.abc').click(function(){});

//其中this是dom元素, $(this)是jquery元素,

而写插件的时候

由于是扩展prototype, 所以this是对象实例,
this就是jquery对象, $(this)还是jquery对象,
他们虽然不是同一对象, 但是内容是完全相同的


总结几点:

  • 函数里面的this 代表 函数的调用者
  • jquery里面 this代表jquery对象
  • 一般jq回调函数里都代表dom
  • this代表当前的作用域

this是call()的第一个参数
函数被调用时,会作为第一个参数隐式的传入
谁调用函数,this就是谁
如果没人调用 ,this就是window

相关文章

  • Pearson相关、Spearman相关、Kendall相关

    1、三大相关系数 1.1 Pearson相关系数 要理解Pearson相关系数,首先要理解协方差(Covarian...

  • 2018前端面试总结,看完弄懂,工资少说加3K

    HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 网络安全相关 ...

  • AS相关

    手动创建一个模块 手动创建一个模块,可以先写build.gradle文件,指明编译规则。 在项目的setting....

  • 相关

    错误地,我以为一切都相关 如同流云,河川,雨露 山之南,水之北, 旧日的,现在的 随手捡起的记忆 却不想也开了花,...

  • 相关

    vc 提取物 波色因

  • 相关

    打破"事不关己"这种避障吧 你与这个世界的任何事物都是息息相关的

  • this相关

    1.prototype2.extend3.this的定位 一、prototype 是为jquery的prototy...

  • 《相关》

    花开冬凌半日春,洋洋得意遗落丟。望见残云天黑去,徒留此情待追忆。不知道里糊涂药,似事似乎无关于。人生能有几知己,细...

  • 相关

    相关分析与回归分析是密不可分。 简单相关、偏相关、部分相关。 简单相关:皮尔逊相关。 工具:Excel、SPSS。...

  • 相关

    我们所看到的,听到的和所有正发生的事情,也许都是我们生命里的应该设置的关卡,也是我们在这世界所要历经的劫难! 就像...

网友评论

      本文标题:this相关

      本文链接:https://www.haomeiwen.com/subject/wkyihttx.html