jquery插件里$(this)和this的问题?

两个问题:
1、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源码中是第二种
——————————————————————————————————————————
2、$(this)和this的问题
(function ($) {
$.fn.pluginName(opt) {
alert(this===$(this)); //这里的this和$(this)指的都是jquery对象吧? 用的时候写哪个都不会出问题, 但是会弹出false 为什么?
}
})(jQuery);

UYOU
浏览 996回答 2
2回答

慕标5832272

$.fn.pluginName = function(opt){}就是为jquery的prototype定义了函数, 这样, 任何一个jquery对象都可以使用这个成员函数, 这种写法直观明了, 你只要知道的就是$.fn = jQuery.prototype = $.prototype$.fn.extend, 在jquery中重新定义了extend的使用方法, 如果只有一个参数, 那么就是扩展本身, 即$.fn.extend({}), 就是用{}对象扩展$.fn, 也就是jquery的prototype, 这样, 和上面那个就一样了两者没有什么区别, 怎么用看自己习惯和理解还有一种写法就是$.extend($.fn, {}); 这个extend不是一个参数, 它作用是用后面的扩展前面的, 即用{}扩展了$.fn, 还是一个意思关于$(this)和this, 你关键还是要知道this表示的是什么, 如果this是一个dom元素, 那么$(this)是一个jquery元素, 如果this是一个jquery元素, 那么$(this)还是一个jquery元素, 虽然你用==去判断两者是不同的, 但是他们内容都是一样的, 这是我的经验, 我并没有去深入看过源码, jquery的api中似乎也没有说这个.关于this和$(this)还要注意一点$('.abc').click(function(){});中this是dom元素, $(this)是jquery元素, 而写插件的时候, 由于是扩展prototype, 所以this就是对象实例, 即this就是jquery对象, $(this)还是jquery对象, 他们虽然不是同一对象, 但是内容是完全相同的
打开App,查看更多内容
随时随地看视频慕课网APP