本文主要是介绍jQuery插件 笔记,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
//闭包限定命名空间
(function ($) {//默认参数var defaluts = {foreground: 'red',background: 'yellow'};$.fn.extend({"highLight": function (options) {var opts = $.extend({}, defaluts, options); //使用jQuery.extend 覆盖插件默认参数return this.each(function () { //这里的this 就是 jQuery对象。这里return 为了支持链式调用//遍历所有的要高亮的dom,当调用 highLight()插件的是一个集合的时候。var $this = $(this); //获取当前dom 的 jQuery对象,这里的this是当前循环的dom//根据参数来设置 dom的样式$this.css({backgroundColor: opts.background,color: opts.foreground});});}});
})(jQuery);//调用
$(function () {$("p").highLight({foreground: 'blue'}); //调用自定义 高亮插件
});
----------------------------------------------------------------------------------
(function ($) {$.pluginName = function (opts) {var defaultseeting = {//默认参数A:'a',B:'b'};defaultseeting = $.extend(true, defaultseeting, opts);//opts是调用传入的参数excute(defaultseeting)//执行方法,传defaultseetingreturn this;};
})(jQuery);//调用
$.pluginName({A:'aa',B:'bb'
})
这篇关于jQuery插件 笔记的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!