使用JavaScript链式编程实现模拟Jquery函数
更新时间：2014年12月21日 16:44:09 投稿：hebedich
这篇文章主要介绍了使用JavaScript链式编程实现模拟Jquery函数的方法及源码分享，非常的不错，推荐给大家。
代码很简单，主要是给大家提供个思路，也算是学习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>
有意问的话，就留言，大家共同进步
您可能感兴趣的文章:
相关文章
这篇文章主要给大家介绍了关于微信小程序自定义tabBar的踩坑实践记录，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
本文主要介绍了Webpack常见使用配置小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
Spring Boot+AngularJS+BootStrap实现进度条示例代码
一般上传文件时都需要进度条，本篇文章主要介绍了Spring Boot+AngularJS+BootStrap实现进度条示例代码，有兴趣的可以了解一下。2017-03-03
这篇文章主要为大家详细介绍了微信小程序实现tab页面切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
BootStrap Table 后台数据绑定、特殊列处理、排序功能
本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-05-05
这篇文章主要介绍了微信小程序实现动态显示和隐藏某个控件功能,涉及微信小程序事件响应及样式动态操作相关实现技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了纯js实现的积木(div层)拖动功能,结合实例形式分析了javascript随机生成各种颜色div层及响应鼠标事件改变元素属性实现拖动效果的相关操作技巧,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了JavaScript实现图片滑动切换的代码示例分享,能够控制包括滑动时间和切换数量等,需要的朋友可以参考下2016-03-03
三维开发渲染最多的对象大概是网格mesh了，Webgl开发三维也不例外，下面这篇文章主要给大家介绍了关于Three.js中网格对象MESH的属性与方法，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-09-09
跟我学习javascript的垃圾回收机制与内存管理，感兴趣的小伙伴们可以参考一下2015-11-11
最新评论