使用JavaScript链式编程实现模拟Jquery函数
使用JavaScript链式编程实现模拟Jquery函数
发布时间:2016-12-30 来源:查字典编辑
摘要:代码很简单,主要是给大家提供个思路,也算是学习javascript这么长时间的一个小小的练手。链式编程是将多个操作(多行代码)通过点号"."...

代码很简单,主要是给大家提供个思路,也算是学习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教程学习
编程开发子分类