使用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 相关文章推荐
js玩一玩WSH吧
Feb 23 Javascript
JavaScript 变量基础知识
Nov 07 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
js给selected添加options的方法
May 06 Javascript
javascript简单实现类似QQ头像弹出效果的方法
Aug 03 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
javacript获取当前屏幕大小
Jun 04 Javascript
Bootstrap基本插件学习笔记之折叠(22)
Dec 08 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 Javascript
微信小程序APP页面的之间的相互传递参数以及自定义组件
Apr 19 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
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
php计算税后工资的方法
2015/07/28 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
Javascript实例教程(19) 使用HoTMetal(1)
2006/12/23 Javascript
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
js css样式操作代码(批量操作)
2009/10/09 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
require.js中的define函数详解
2017/07/10 Javascript
深入理解vue2.0路由如何配置问题
2017/07/18 Javascript
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
JavaScript继承与聚合实例详解
2019/01/22 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
Vue实现简单计算器案例
2020/02/25 Javascript
微信小程序收藏功能的实现代码
2020/06/19 Javascript
jQuery实现异步上传一个或多个文件
2020/08/17 jQuery
Python编程之字符串模板(Template)用法实例分析
2017/07/22 Python
python使用wxpy轻松实现微信防撤回的方法
2019/02/21 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
委托书的写法
2014/08/30 职场文书
工作失误检讨书范文
2015/01/26 职场文书
毕业晚宴祝酒词
2015/08/11 职场文书
史上最全书信经典范文大全(建议收藏)
2019/07/10 职场文书
python中filter,map,reduce的作用
2022/06/10 Python