代碼很簡單,主要是給大家提供個思路,也算是學習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>
有意問的話,就留言,大家共同進步