`
hxr521521
  • 浏览: 10396 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery简单模仿

阅读更多
转 http://www.cnblogs.com/baochuan/archive/2012/04/30/2473771.html


//模仿JQuery的方式
(function(){
	var yQuery = (function(){
		var yQuery = function(){
			return yQuery.fn.init();
		};
		yQuery.fn = yQuery.prototypy = {
			init : function(){
				return this;
			}
		}
		yQuery.extend = yQuery.fn.extend = function(){
			var options , name , src , copy,
				target = arguments[0] || {},
				i = 1,
				length = arguments.length;
				
				if(length === i){
					target = this;
					--i;
				}
				
				for(; i < length ; i ++ ){
					if((options = arguments[i]) != null){
						for(name in options){
							src = target[name];
							copy = options[name];
						
							if(src === copy){//检查在目标对象中src属性这个值是否一致
								continue;
							}
							if(copy!==undefined){
								target[ name ] = copy;
							}
						}
					}
				}
				return target;
		}
		return yQuery;
	})();
	window.yQuery = window.$ = yQuery();
})();

$.ui = $.ui || {};
$.extend($.ui , {name2:"eee" , getName:function(){return this.name2;}});
console.log($.ui.getName());




上面这个不写成下面这个的原因 不是很明白


(function(){
	var jQuery = function(){
		return jQuery.fn.init();
	};
	jQuery.fn = jQuery.prototype = {
		init : function(){ return this;}
	};
	
	jQuery.fn.extend = function(){
	
		var src , copy , name , options ,
			target = arguments[0] || {};
			i = 1,
			length = arguments.length;
			if(length===i){
				target = this;
				i--;
			}
			for( ; i <length ; i++){
				if((options = arguments[i])!=null){
					for(name in options){
						src = options[ name ];
						copy = target[ name ];
						
						if(src===copy){
							continue;
						}
						if(src!==undefined){
							target[ name ] = src;
						}
					}
				}
			}
		return target;
	};
	window.jQuery = window.$ = jQuery();
	return jQuery;
})();

$.ui = $.ui || {};
$.extend($.ui , {name2:"eee"}, {getName:function(){return this.name2}});
console.log($.ui.getName());



分享到:
评论

相关推荐

    jQuery模仿QQ投票效果

    8. **插件开发**:`jQuery.spider.poll`可能是一个自定义的jQuery插件,它封装了上述功能,以更简单的方式调用和配置投票功能。插件开发涉及命名空间、参数传递、默认设置等概念。 总结起来,"jQuery模仿QQ投票效果...

    用JQUERY模仿Angularjs的todoList(mvc)

    总结一下,通过这次模仿,我们学习了如何在jQuery中创建一个简单的TodoList应用,包括数据模型的创建、DOM操作以及事件处理。这不仅加深了对jQuery的理解,也让我们有机会对比和学习AngularJS的MVC架构。在实际开发...

    jquery模仿windows桌面

    - **jQuery**:jQuery是由John Resig在2006年创建的一个JavaScript库,它的目标是使JavaScript编程变得更加简单。jQuery通过提供简洁的API,让开发者能够快速地完成复杂的DOM操作,实现高效动画效果,以及轻松处理...

    用jQuery 模仿title属性

    用jQuery实现的模仿a的title属性,简单实现

    jQuery模仿京东商城购物车

    这个功能包括展示购物车中的商品信息,允许用户删除商品,以及实现简单的登录机制。下面将详细介绍这些知识点。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务...

    jQuery模仿微信支付.rar

    以上就是关于"jQuery模仿微信支付"的主题知识,通过学习和实践,开发者能够掌握如何使用jQuery结合微信支付API来创建一个简单的支付流程,为自己的网站或应用添加支付功能。请确保在实际项目中,遵循最佳实践和安全...

    jQuery简单实现仿京东商城的左侧菜单效果代码

    本文介绍了一段使用jQuery实现模仿京东商城左侧菜单效果的代码。通过分析给定文件的内容,...通过阅读本文,读者应能掌握如何使用jQuery简单实现仿京东商城左侧菜单效果的代码,并在此基础上进行更深入的定制与优化。

    jQuery类似手机QQ界面

    本项目“jQuery类似手机QQ界面”旨在利用jQuery构建一个模仿手机QQ应用的用户界面,包括好友列表页面和聊天界面,提供丰富的用户体验,如表情包发送和图片分享功能。 首先,我们要理解jQuery的核心特性。jQuery通过...

    基于jquery的模仿网易有道搜索js弹出层 图片预览效果.zip

    jQuery库通过封装JavaScript语法,使得DOM元素的选择、遍历和操作变得更为简单。例如,`$("#id")`用于选取ID为指定值的元素,`$(".class")`则选取所有类名为指定值的元素。此外,jQuery还提供了`click()`、`hover()`...

    jquery右侧客服模仿win8的metro风格

    "jQuery右侧客服模仿win8的metro风格"是一个创新的实现,它结合了现代操作系统Windows 8的标志性界面元素——Metro风格,将这种简洁、直观的设计理念融入到网页的客服系统中。通过jQuery这一强大的JavaScript库,...

    基于jQuery的模仿新浪微博ajax动态删除消息代码.zip

    在“基于jQuery的模仿新浪微博ajax动态删除消息代码.zip”这个压缩包中,我们可以预见到它包含了一个实现类似新浪微博的动态删除功能的示例代码。这个功能的核心在于使用Ajax进行无刷新的数据更新,以提供更好的用户...

    jQuery模仿懒人图库网站菜单demo

    2. **事件处理**:jQuery的事件处理机制使得绑定和解绑事件变得简单。例如,开发者可能使用`.on('click', function() {...})`来监听用户的点击事件,当用户点击菜单项时触发相应的功能。 3. **动画效果**:jQuery的...

    jQuery 模仿 Marquee 间歇式 无缝滚动 不间断滚动

    **jQuery 模仿 Marquee 实现间歇式无缝滚动** 在网页设计中,有时我们需要创建一个类似电视新闻滚动条的效果,让文字或图片能够不间断地滚动显示。在HTML5时代,我们可以利用JavaScript库如jQuery来实现这样的效果...

    jquery模仿falsh翻转效果

    **jQuery 模仿 Flash 翻转效果** 在 Web 开发中,Flash 曾经是创建动态和交互式用户体验的主流技术,但随着 HTML5 的兴起和浏览器对 Flash 支持的逐渐减少,jQuery 等 JavaScript 库成为了实现类似效果的新选择。本...

    jQuery模仿阿里云购买服务器选择购买时间长度的代码

    - jQuery模仿技术:通过使用jQuery库,开发者能够模仿诸如阿里云这样的大公司网站的功能。这里的例子是模仿阿里云购买服务器时选择购买时间长度的交互。 - 购买时间长度选择:在网站购买服务器或者服务时,用户通常...

    Jquery简单瀑布流代码示例 咿呀网提供

    在"Jquery简单瀑布流代码示例 咿呀网提供"这个项目中,我们将使用jQuery结合一个名为`jquery.masonry.min.js`的插件来创建瀑布流布局。`jquery.masonry.min.js`是Dave DeSandro开发的一个轻量级插件,它可以自动调整...

    模仿jquery.SuperSlide整合 web动画集合

    这个插件为网页设计师提供了简单易用的API,帮助他们快速实现动态交互效果,提升用户体验。 **一、核心功能** 1. **轮播图(Banner)**: jQuery.SuperSlide能够轻松创建出具有自动播放、手动切换、过渡效果等多种...

    jquery模仿flash动画导航左右滑动效果

    在本文中,我们将深入探讨如何使用jQuery来实现一个模仿Flash动画的导航栏,该导航栏具有左右滑动的效果。这个效果通常用于网站的顶部菜单,为用户提供动态且吸引人的交互体验。 首先,jQuery是一个轻量级的...

    jquery模仿微信发图片 发视频 存贮文字

    总的来说,"jquery模仿微信发图片 发视频 存贮文字"这个项目涵盖了前端交互设计、文件操作、Ajax通信等多个技术点,对开发者的要求较高,需要对jQuery、HTML5、CSS以及后端接口有深入理解。通过实现这个项目,开发者...

    jquery模仿苹果网站鼠标动到搜索框上后的特效

    本教程将深入探讨如何使用jQuery模仿苹果网站上的一个特定交互效果:当鼠标移动到搜索框上时,搜索框会自动拉伸其长度;而当鼠标移开后,搜索框则恢复原状。 首先,我们需要理解这个效果的核心在于监听鼠标的`...

Global site tag (gtag.js) - Google Analytics