jQuery 插件-(初体验一)
生活随笔
收集整理的這篇文章主要介紹了
jQuery 插件-(初体验一)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.jquery有2個擴展方法:
- jquery.fn.extend=jquery.prototype.extend
- jquery.extend
(兩者的區別放在后面文章說)
2.具體實例結構:
//創建及時作用域 (function ($) {// 通過字面量創造一個對象,存儲我們需要的共有方法var methods = {inint: function (options) {//返回“this”(函數each()的返回值也是this),以便進行鏈式調用。return this.each(function () {// 為每個獨立的元素創建一個jQuery對象var $this = $(this);//設置默認值var defaults = {proName: 'zqz'};if (typeof (options) == 'undefined') {settings = $.extend({}, defaults);} else {var settings = {proName: options.proName,Events: handlers.zqzClick($this, options)};settings = $.extend({}, defaults, settings);}})}};//事件var handlers = {zqzClick: function ($this, options) {$this.bind('click', options.zqzClick);}};//向jQuery中被保護的“fn”命名空間中添加你的插件代碼,用“zqz”作為插件的函數名稱$.fn.zqz = function () {// 檢驗方法是否存在var method = arguments[0];if (methods[method]) {method = methods[method];arguments = Array.prototype.slice.call(arguments, 1);// 如果方法不存在,檢驗對象是否為一個對象(JSON對象)或者method方法沒有被傳入} else if (typeof (method) == 'object' || !method) {method = methods.inint;} else {$.error('asdasd');return this;}return method.apply(this, arguments);}})(jQuery)//調用 $(function () {//$('#blanckjh').zqz();$('#blanckjh').zqz({'proName': 'wdx','zqzClick': function () {alert("zqz");}});})3.插件中涉及到的一些概念與注意事項放在后面文章說
?
轉載于:https://www.cnblogs.com/zqzjs/p/4638375.html
總結
以上是生活随笔為你收集整理的jQuery 插件-(初体验一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android:由URL载入中Image
- 下一篇: 【C#】【Thread】上下文同步域Sy