$.fn.myPlugin = function() { //在这里面,this指的是用jQuery选中的元素 this.css('color', 'red'); this.each(function() { //对每个元素进行操作
这里的this指的是普通的dom元素
$(this).append(' ' + $(this).attr('href')); })) }
;(function($){ $.fn.tab = function(options){ var defaults = { //各种参数,各种属性 } var options = $.extend(defaults,options); this.each(function(){ //各种功能 //可以理解成功能代码 var _this = $(this); _this.find('.tab_nav>li').click(function(){ $(this).addClass('current').siblings().removeClass('current'); var index = $(this).index(); _this.find('.tab_content>div').eq(index).show().siblings().hide(); }); }); return this; } })(jQuery);
; (function ($, window, document, undefined) { 'use strict'; var Tab = function (ele, opt) { this.$element = ele; this.default = { } this.option = $.extend({}, this.default, opt); } Tab.prototype = { tishi: function () { alert("提示"); } } $.fn.tabMenu = function (options) { // var tab = new Tab(this, options) // return tab; return this.each(function (i, element) { var dom = $(element); dom.on("click", function () { alert($(this).attr("style")); alert('绑定点击事件'); }) }); //return this; } })(jQuery, window, document);