使用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 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
JScript的条件编译
May 29 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
Aug 30 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
bootstrap模态框实现拖拽效果
Dec 14 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
通俗易懂地解释JS中的闭包
Oct 23 Javascript
详解Node.js一行命令上传本地文件到服务器
Apr 22 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
js canvas实现俄罗斯方块
Oct 11 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禁止浏览器使用缓存页面的方法
2014/11/07 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
2010/07/17 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
2011/04/07 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
2012/12/10 Javascript
密码强度检测效果实现原理与代码
2013/01/04 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
javascript数组遍历的方法实例分析
2016/09/13 Javascript
AngularJS页面传参的5种方式
2017/04/01 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
详解Angular Reactive Form 表单验证
2017/07/06 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
深入浅析nuxt.js基于ssh的vue通用框架
2019/05/21 Javascript
JS如何在不同平台实现多语言方式
2020/07/16 Javascript
用python写asp详细讲解
2013/12/16 Python
python使用any判断一个对象是否为空的方法
2014/11/19 Python
Python中使用dom模块生成XML文件示例
2015/04/05 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
师范生实习的个人自我鉴定
2013/10/20 职场文书
六一儿童节主持词
2014/03/21 职场文书
博士生求职信
2014/07/06 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
专题组织生活会发言材料
2014/10/17 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
看看如何用Python绘制小米新版天价logo
2021/04/20 Python
用golang如何替换某个文件中的字符串
2021/04/25 Golang
解决vue中provide inject的响应式监听
2022/04/19 Vue.js
sql注入报错之注入原理实例解析
2022/06/10 MySQL