使用JavaScript链式编程实现模拟Jquery函数


Posted in Javascript onDecember 21, 2014

代码很简单,主要是给大家提供个思路,也算是学习javascript这么长时间的一个小小的练手。

链式编程 是将多个操作(多行代码)通过点号"."链接在一起成为一句代码。链式代码通常要求操作有返回值,但对于很多操作大都是void型,什么也不返回,这样就很难链起来了,当然也有解决办法,可能不太优雅。链式编程的新思想在jQuery中已流行使用

<span>Hello,World!</span>

 <script type="text/javascript">

     Jq = function (tagName) {

         var tagArr = document.getElementsByTagName(tagName);

         var ret = {

             tag: tagArr,

             css: function (attribute, value) {

                 for (var i = 0; i < this.tag.length; i++) {

                     this.tag[i].style[attribute] = value;

                 }

                 return this;

             }

         }

         return ret;

     }

     window.onload = function () {

         Jq("span").css("color", "red")

                   .css("border", "1px solid green")

                   .css("padding", "10px");

     }

 </script>

有意问的话,就留言,大家共同进步

Javascript 相关文章推荐
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 Javascript
jquery增加和删除元素的方法
Jan 14 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
Javascript将JSON日期格式化
Aug 23 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
vue配置请求本地json数据的方法
Apr 11 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
May 22 Javascript
利用hasOwnProperty给数组去重的面试题分享
Nov 05 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 Javascript
vue实现移动端图片上传功能
Dec 23 Javascript
使用jQuery简单实现模拟浏览器搜索功能
Dec 21 #Javascript
编写简单的jQuery提示插件
Dec 21 #Javascript
不使用ajax实现无刷新提交表单
Dec 21 #Javascript
webapp框架AngularUI的demo改造之路
Dec 21 #Javascript
浅析webapp框架AngularUI的demo
Dec 21 #Javascript
AngularJS基础知识
Dec 21 #Javascript
javascript关于继承的用法汇总
Dec 20 #Javascript
You might like
php 图片上添加透明度渐变的效果
2009/06/29 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
2014/01/02 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
2015/09/21 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
javascript容错处理代码(屏蔽js错误)
2017/01/20 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
2017/05/12 Javascript
jQuery滑动效果实现方法分析
2018/09/05 jQuery
微信小程序实现的日期午别医生排班表功能示例
2019/01/09 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
2019/11/13 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
2020/12/10 Javascript
python实现倒计时的示例
2014/02/14 Python
Python中Iterator迭代器的使用杂谈
2016/06/20 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
Python WEB应用部署的实现方法
2019/01/02 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
python安装scipy的步骤解析
2019/09/28 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
Python 排序最长英文单词链(列表中前一个单词末字母是下一个单词的首字母)
2020/12/14 Python
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
远程调用的原理
2014/07/05 面试题
中职应届生会计求职信
2013/10/23 职场文书
家长给小学生的评语
2014/01/30 职场文书
中学教师教育感言
2014/02/21 职场文书
仓库管理员岗位职责
2014/03/19 职场文书
项目工作说明书
2014/07/29 职场文书
党在我心中演讲稿
2014/09/02 职场文书
2014年党建工作总结
2014/11/11 职场文书
总账会计岗位职责
2015/04/02 职场文书
活动费用申请报告
2015/05/15 职场文书