使用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 相关文章推荐
再谈javascript原型继承
Nov 10 Javascript
javascript操作表格排序实例分析
May 06 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
onmouseover事件和onmouseout事件全面理解
Aug 15 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
浅谈react前后端同构渲染
Sep 20 Javascript
如何实现双向绑定mvvm的原理实现
May 28 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
Apr 21 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 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
oracle资料库函式库
2006/10/09 PHP
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
PHP查询快递信息的方法
2015/03/07 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
PHP基于迭代实现文件夹复制、删除、查看大小等操作的方法
2017/08/11 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
JavaScript 撑出页面文字换行
2009/06/15 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
javascript中不等于的代码是什么怎么写
2013/12/29 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
vuex vue简单使用知识点总结
2019/08/29 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
python中列表元素连接方法join用法实例
2015/04/07 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
利用nohup来开启python文件的方法
2019/01/14 Python
python2.7使用plotly绘制本地散点图和折线图
2019/04/02 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
python 定义类时,实现内部方法的互相调用
2019/12/25 Python
python cookie反爬处理的实现
2020/11/01 Python
用python对excel查重
2020/12/07 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
CSS3 text shadow字体阴影效果
2016/01/08 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
C语言面试题
2013/05/19 面试题
企业内部培训方案
2014/02/04 职场文书
党的群众路线教育实践活动总结
2014/10/30 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
HTML+CSS实现导航条下拉菜单的示例代码
2021/08/02 HTML / CSS
Python实现文字pdf转换图片pdf效果
2022/04/03 Python