“(function($) {})(jQuery);”是什么意思真的吗?
问题:
有人可以澄清以下 jQuery 插件语法的目的和变体吗?
<br>(函数($) {})(jQuery);<br>
它与这些示例有何不同:
类型 1:
<br>(函数($) {<pre class="brush:php;toolbar:false">$.fn.jPluginName = { }, $.fn.jPluginName.defaults = { }
})(jQuery);
类型 2:
<br>(函数($) {<pre class="brush:php;toolbar:false">$.jPluginName = { }
})(jQuery);
类型3:
<br>(function($){<pre class="brush:php;toolbar:false">//Attach this new method to jQuery $.fn.extend({ var defaults = { } var options = $.extend(defaults, options); //This is where you write your plugin's name pluginname: function() { //Iterate over the current set of matched elements return this.each(function() { //code to be inserted here }); } });
})(jQuery );
答案:
打破Down '(function($) {})(jQuery);'
此代码片段通常用于定义一个立即调用所包含函数的闭包,并将 jQuery 作为参数传递。它相当于:
<br>function($) {}($);<br>
此技术用于创建本地范围对于插件,防止与其他插件或全局变量发生冲突。
插件语法变体:
类型 1:
此语法将方法和默认选项附加到 $.fn,有效创建一个可以通过 $( 访问的 jQuery 插件element).jPluginName().
类型2:
此语法扩展了 jQuery 核心功能,而不是创建插件。它对于向 jQuery 本身添加遍历函数或其他实用程序非常有用。
类型 3:
此语法类似于类型 1,但使用 $.fn.extend 附加jQuery 原型的插件方法。它提供了一种结构化和模块化的方式来创建插件。
使用哪种语法:
类型 1 应该用于创建操作的插件DOM 元素。扩展 jQuery 核心时应使用
类型 2功能。
类型 3 是大多数插件开发场景的首选。
以上是创建 jQuery 插件有哪些不同的方法,它们的功能和用例有何不同?的详细内容。更多信息请关注PHP中文网其他相关文章!