JavaScript チェーン プログラミングを使用して Jquery 関数をシミュレートする_JavaScript スキル

このコードは非常にシンプルで、主にアイデアを提供するためのものであり、長い間 JavaScript を学習した後の小さな練習として捉えることもできます。

チェーン プログラミングとは、複数の操作 (複数行のコード) をピリオド「.」で 1 つのコード文に結び付けることです。チェーン コードでは通常、操作に戻り値が必要ですが、多くの操作はほとんどが void で何も返さないため、チェーンすることが困難になります。もちろん、エレガントではない場合もありますが、解決策はあります。チェーン プログラミングの新しいアイデアは jQuery で広く使用されています

コードをコピーします コードは次のとおりです:

ハロー、ワールド!
<スクリプトタイプ="text/javascript">
Jq = 関数 (タグ名) {
var tagArr = document.getElementsByTagName(tagName);
var ret = {
タグ: tagArr、
css: 関数 (属性、値) {
for (var i = 0; i This.tag[i].style[attribute] = 値;
}
これを返します;
}
}
return ret;
}
Window.onload = function () {
Jq("スパン").css("色", "赤")
.css("border", "1px 単色の緑")
.css("padding", "10px");
}

ご質問がございましたら、メッセージを残してください。一緒に前進してまいります