使用JavaScript链式编程实现模拟Jquery函数
2018-10-12 14:03
585 查看
代码很简单,主要是给大家提供个思路,也算是学习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链式编程实现模拟Jquery函数
- 使用 RxJS 实现 JavaScript 的 Reactive 编程
- 【JAVASCRIPT】如何不使用jquery函数和ajax框架实现ajax效果
- javascript模拟实现多次使用window.onload事件处理函数
- 使用 RxJS 实现 JavaScript 的 Reactive 编程
- iOS开发技巧系列---使用链式编程和Block来实现UIAlertView
- 谈谈JavaScript中编程实现以及使用内置方法实现进制转换
- 使用 JavaScript 实现 XMLHttpRequest
- 在C#中使用异步Socket编程实现TCP网络服务的C/S的通讯构架(二)----使用方法
- 使用对Ant编程来实现简单文件的打包
- 使用对Ant编程来实现简单文件的打包
- 在C#中使用异步Socket编程实现TCP网络服务的C/S的通讯构架(二)----使用方法
- [导入]使用对Ant编程来实现简单文件的打包
- ADSI使用ASP来实现通用的对数据库控制编程
- 利用JScript/CSS 编程技术模拟实现TABView控件
- 使用 JavaScript 实现 XMLHttpRequest,在IE,FireFox 上测试通过
- 使用JavaScript+XML实现分页
- 使用JavaScript+XML实现分页
- 使用javascript+xml实现分页
- 在C#中使用异步Socket编程实现TCP网络服务的C/S的通讯构架(一)----基础类库部分