使用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>
上一篇: 孕期绝不能吃这些食物 山楂会导致流产
下一篇: Linux系统安装Apache
推荐阅读
-
JavaScript编程开发中如何使用jquery实现放大镜效果
-
使用JavaScript链式编程实现模拟Jquery函数
-
JavaScript编程开发中如何使用jquery实现放大镜效果
-
JavaScript编程开发如何使用jquery实现iframe自适应高度
-
使用JavaScript链式编程实现模拟Jquery函数
-
使用JavaScript链式编程实现模拟Jquery函数_javascript技巧
-
使用JS实现jQuery的addClass, removeClass, hasClass函数功能_javascript技巧
-
使用JavaScript链式编程实现模拟Jquery函数_javascript技巧
-
使用JS实现jQuery的addClass, removeClass, hasClass函数功能_javascript技巧