插件中的this

来源:互联网 发布:ansible控制windows 编辑:程序博客网 时间:2024/06/05 00:10
Q:jquery插件的写法,网上查到有两种第一种:(function ($) { $.fn.pluginName(opt) {          // Our plugin implementation code goes here.    }})(jQuery);第二种(function($){     $.fn.extend({     pluginName:function(opt,callback){               // Our plugin implementation code goes here.       }     })     })(jQuery); 

请问这两张有什么区别? 貌似第一种用的人多,但我看jq源码中是第二种

A:

  1. $.fn.pluginName = function(opt){}

    就是为jquery的prototype定义了函数, 这样, 任何一个jquery对象都可以使用这个成员函数, 这种写法直观明了, 你只要知道的就是$.fn = jQuery.prototype = $.prototype

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

    两者没有什么区别, 怎么用看自己习惯和理解

  3. 还有一种写法就是$.extend($.fn, {}); 这个extend不是一个参数, 它作用是用后面的扩展前面的, 即用{}扩展了$.fn, 还是一个意思。

Q:$(this)和this的问题
(function ($) { $.fn.pluginName(opt) {    alert(this===$(this));  //这里的this和$(this)指的都是jquery对象吧? 用的时候写哪个都不会出问题,  但是会弹出false  为什么?}})(jQuery);
A:
  1. 关于$(this)和this, 你关键还是要知道this表示的是什么, 如果this是一个dom元素, 那么$(this)是一个jquery元素, 如果this是一个jquery元素, 那么$(this)还是一个jquery元素, 虽然你用==去判断两者是不同的, 但是他们内容都是一样的, 这是我的经验, 我并没有去深入看过源码, jquery的api中似乎也没有说这个.

  2. 关于this和$(this)还要注意一点$('.abc').click(function(){});中this是dom元素, $(this)是jquery元素, 而写插件的时候, 由于是扩展prototype, 所以this就是对象实例, 即this就是jquery对象, $(this)还是jquery对象, 他们虽然不是同一对象, 但是内容是完全相同的






0 0
原创粉丝点击