JavaScript链式编程实现简易jQuery风格选择器

链式编程核心思路

这段代码实现非常简洁，主要目的是为读者提供一种实现思路，同时也作为本人学习JavaScript一段时间后的一个小型练习项目。

链式编程的核心机制是将多个操作通过点号“.”连接成一行代码。这种模式通常要求每个操作都具备返回值，然而许多DOM操作默认返回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>

如有任何疑问，欢迎留言交流，期待共同进步。