为了账号安全,请及时绑定邮箱和手机立即绑定

$.fn.extend简单学习

标签:
JQuery

         

(function($){		/**		1.		$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。		如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,		那么后面你的每一个jquery实例都可以引用这个方法了. 		那么你可以这样子:$("#div").abc(); 		2.  		jQuery为开发插件提拱了两个方法,分别是: 				jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。→ 可以理解为【静态方法 】				jQuery.fn.extend(object);给jQuery对象添加方法		jQuery.fn.extend(object);对jQuery.prototype进得扩展,		就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。		//jQuery源码中。。。		jQuery.fn = jQuery.prototype ={ 		   init: function( selector, context ){//....  		   //...... 		}; 				3.		$.fn.function用于添加单个方法		$.fn.extend 用于添加多个方法		参考:http://www.cnblogs.com/wyjgreat/archive/2011/07/19/2110754.html	*/	//1.	$.fn.abc = function() {		alert("测试$.fn.,可以参考select下拉框总结那篇文章!");	}	//2.为 jQuery 添加一个为add 的 “静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了,	$.extend({		add:function(a,b) {			return a + b;		},		sub:function(a,b) {			return a - b;		}	});	//2.1	$.fn.extend({		getVal:function() {			return $(this).val();		}	});	//3....	$.hcCookie = {		    g: function(name) {		        var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));		        if (arr != null) return unescape(arr[2]); return null;		    },		    d: function(name) {		        var exp = new Date();		        exp.setTime(exp.getTime() - 1);		        var cval = getCookie(name);		        if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString() + ";path=/";		    },		    s: function(name, value,t) {		        var days = 30;		        var exp = new Date();		        if(t){		        	exp.setTime(exp.getTime()+t* 60 * 60 * 1000);		        }else{		        	exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);		        }		        		        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/";		    }	};})(jQuery);/**	写在(function($){})(jQuery);外面	【下面的代码可以单独放在一个JS中,base.js】*/var kzCookie={    g: function(name) {        var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));        if (arr != null) return unescape(arr[2]); return null;    },    d: function(name) {        var exp = new Date();        exp.setTime(exp.getTime() - 1);        var cval = this.g(name);        if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString() + ";path=/";    },    s: function(name, value,t) {        var days = 30;        var exp = new Date();        if(t){            exp.setTime(exp.getTime()+t* 60 * 60 * 1000);        }else{            exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);        }                document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/";    }};//去右空格 String.prototype.rTrim=function(str){            var   re_r=new RegExp("([.\\w]*)"+(str&&("(\\"+str+")")||"[ ]")+"+$") ;   return   this.replace(re_r, "$1") ;};//去左空格 String.prototype.lTrim=function(str){             var   re_l=new RegExp("^"+(str&&("(\\"+str+")")||"[ ]")+"+(.*)") ;    return   this.replace(re_l, "$2") ;};//去左右空格 String.prototype.trim=function(str){              return   this.lTrim(str).rTrim(str) ;};


测试代码:

<!DOCTYPE html><html lang="en"><head>	<meta charset="UTF-8">	<title>Document</title></head><body>	<div>test</div>	<input type="text" value="hanchao">	<!-- JS -->	<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>	<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="demo.js"></script>	<script type="text/javascript">		(function(){			//alert(1);			// $("div").abc();			// var result = $.add(3,4);			// alert(result);			//var result = $.sub(5,4);			//alert(result);			// var result = $("input").getVal();			// alert(result);/*		 	kzCookie.s("hanchao","testcookienew",24);		    kzCookie.s("hanchao1","testcookienew1",24);		     		    kzCookie.d("hanchao");		    //kzCookie.d("hanchao1");		     		    var cookieValue = kzCookie.g("hanchao");		    var cookieValue1 = kzCookie.g("hanchao1");		    alert(cookieValue);		    alert(cookieValue1);*/		    $.hcCookie.s("hanchao","testcookienew",24);		    var cookieValue = kzCookie.g("hanchao");		    alert(cookieValue);		})();	</script></body></html>


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消