本文主要是对http://stworthy.iteye.com/blog/200863此篇文章的改进,希望读者更能重复理解javascript的一些框架。本文在stworthy的基础上对代码做了一些改变,并做了一些详细的阐述,希望能给广大IT朋友一点参考价值,如果写的不好的地方欢迎指正。
<script type="text/javascript">
var jQuery = $ = function(selector){
return new jQuery.fn.init(selector);
};
jQuery.fn = jQuery.prototype = {
//初始化jQuery对象
init:function(selector){
var elem = document.getElementById(selector);
this[0] = elem;
this.length = 1;
//(1)注意此处返回的是jQuery.fn.init对象
return this;
},
each:function(method){
for(var i=0; i<this.length; i++){
//利用call方法改变了method方法的作用域,也就是将method的this变成了
//jQuery.fn.init[0]对象,并将i值作为参数传递给method方法。
method.call(this[0],i);
}
}
};
//因为(1)处的返回的是jQuery.fn.init对象,无法调用each方法。
//所以将jQuery.fn对象赋给jQuery.fn.init对象原型中。这样
//jQuery.fn.init对象就可以使用each方法了
jQuery.fn.init.prototype = jQuery.fn;
$('myid').each(function(i){
alert(i+":"+this.id+":"+this.innerHTML);
});
</script>
<div id="myid">测试内容</div>
分享到:
相关推荐
Prismic.io 的 JQuery 入门项目这是一个使用 JQuery 的纯客户端应用程序,它将连接到任何存储库,并简单地列出其文档。 它使用了prismic.io ... 如果您希望模拟客户端-服务器架构,您还可以使用server.sh脚本启动本地
主要运用的技术的C#,用到的架构是MVC架构,利用的开发包是 jquery-easyui,开发相对简单,适合C#初学者进行学习和交流,而且,这个项目的流程比较清晰,很容易理解,明白,很典型,属于来自企业的模拟项目,...
-重构了示例网站的架构,目前只有一层IFrame结构。 -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的...
simple-crm-rest-and-spa ... 客户端(Web 前端)使用 AJAX 请求和自定义 MVC 架构:使用 Q.js 进行承诺、使用 Sammy.js 路由、使用 Require.js 加载模块、使用 Handlebars.js 的模板、jQuery Ajax 和 DOM 操作。
【资源说明】 1、该资源包括项目的全部源码,下载可以直接使用!...#### 1.3 绘制基本思路流程,考虑架构,分清各个层次的任务 - 对web开发、html知识尚有欠缺,一边学习html/css/js,同时弄清楚JSP/Servl
通过模拟视频存储的操作的AJAX请求创建了应用程序客户端。 与开发 :hammer_and_wrench: 工具和技术: -IDE项目,JAVA。 -IDE前端开发(JS,CSS3,HTML5)。 数据库。 数据库连接器。 -Gson库。 -JAVA 11。 ...
当下web系统应用的设计思想是B/S架构,整个系统以SSH框架将其分为七个模块,分别为:用户管理模块、财务模块、订单模块、网站内容管理模块、在线客服、渠道管理以及运费计算器。在财务模块着重使用到了支付宝支付...
Prismic.io 的 JQuery 入门项目 这是一个使用 JQuery 的纯客户端应用程序,它将连接到任何存储库,并简单地列出其文档。 它使用了prismic.io ... 如果您希望模拟客户端-服务器架构,您还可以使用server.sh脚本启动本地
Permit.js 使模拟这些不同的情况变得轻而易举。 它旨在供任何使用 HTML 和 CSS 进行交互式原型工作的人使用,包括信息架构师和其他用户界面和用户体验 (UI/UX) 专业人员。 用例 注销/登录 免费/付费 在线/离线 作家...
模拟了当当系统部分功能。 2.功能需求 1)用户管理模块(3天)user 实现登录、注册功能 2)产品浏览模块(2天)main 实现主界面和类别浏览功能 3)购物车模块(1.5天)cart 实现购买、变更数量、删除等功能 4...
计算机硬件系统: 计算机硬件...综上所述,计算机领域的“系统”概念广泛涉及硬件架构、软件层次、信息管理、网络通信、分布式计算以及安全保障等多个方面,它们相互交织,共同构成了现代计算机技术的复杂生态系统。
06 jquery以及jquery对象介绍 07 jquery选择器 08 jquery的查找筛选器 09 jquery练习之左侧菜单 第44章 01 jquery属性操作之html,text,val方法 02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的...
这是一个相当传统的架构: Tomcat 作为 Web 容器 servlet 专用于处理 POST 的 Json 消息为简单起见和时间限制,渲染阶段(JSP)使用相同的实例。 在生产模式下,JSP 渲染最好由单独的 Tomcat 实例完成。 MongoDB ...
-重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...
项目架构:B/S架构 开发语言:Java语言 开发软件:idea eclipse 前端技术:Layui、HTML、CSS、JS、JQuery等技术 后端技术:JAVA 运行环境:Win10、JDK1.8 数 据 库:MySQL5.7/8.0 运行服务器:Tomcat7.0 CSDN太坑了...
OpenAuth.net权限管理系统,项目采用经典DDD架构(用沃恩.弗农大神的话,其实这是DDD-Lite)思想进行开发,简洁而不简单,实用至上,并且所写每一行代码都经过深思熟虑,符合SOLID规则! OpenAuth.net权限管理系统 ...
大学快递驿站系统。... 整个项目使用面向对象思想,mvc架构进行编写。具体功能有,信息汇总模块,快递员、快递信息、用户信息的增删查改。利用腾讯云的手机短信服务,导入jar包,进行实时快递短信的发送。
※分别开发服务器端和客户端,通过Socket模块实现网络通信,模拟实现FTP主要的文件下载、上传功能、实现多用户并发在线使用。 第六天 1、 项目实战三、开发运维审计服务器,实现公司全网用户操作审计需求 ※开发一个...
纳图尔链接到实时项目: : 应用程序摘要:Natours是一个模拟Web应用程序,允许喜欢冒险的人预订各种自然之旅。 这个应用是udemy的教程,在那里我讲授了高级CSS,HTML和JQuery概念。 使用的技术: HTML5 CSS3 萨斯...
1.软件架构 后端基于python的flask框架,前端主要是echarts 2.安装教程 下载到本地,在python相应环境下运行app.py,flask项目部署请自行完成 3.使用说明 flaskProject文件夹中 app.py是flask项目主运行文件 sql_...