JS 災害や CSS 災害から遠ざかる: js プライベート関数と containers_jquery としての CSS セレクター

js はオブジェクト指向のようにオブジェクトを構築したり、プライベート メソッドを隠蔽したりできますが、プログラムを作成するよりも早くニーズが変化することが多い場合、js オブジェクトを設計する時間さえないため、私は js のプライベート関数と js メソッドを使用することを好みます。 ; jquery プライベート関数と jquery 外部公開メソッドも実装でき、ページによって生成される html 構造は、統合と再利用の利便性を最大限に確保するために、ID とクラスを含めて完全に js で生成されます。また、再利用する際にスタイルを変更する必要がある場合（構造が固定されており変更できない場合）、元の構造を div でラップする必要があり、関連するスタイルも でラップする必要があるという欠点もあります。新規の場合はイベントなどをバインドするしかなく、現状では良い方法がありません
例えば div に複数の写真を入れたい場合
というデメリットもあります。その際、一度コピーする必要があるのは CSS だけです。変更を加えて構造、スタイル、JS を再利用します

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

🎜>
type="text/javascript">
var publicSetDiv = function (url, id) {
//パブリックなのでパラメータを渡すことができます
this.makediv = function (j) {
var imglist = makeimglist(url, j);
$(id).html(imglist);
}
//プライベート
関数makeimglist(url, j) {
var i = 0;
//var j = 10;
var html = ""
for (i; i < j; i ) 🎜>html = "";
return html
}
}
$(ドキュメント) .ready(function () {
// .ready() のハンドラーが呼び出されます。
var mytest = new publicSetDiv("http://images.cnblogs.com/logo_small.gif", "#test") ;
mytest.makediv(10);
var mytest2 = new publicSetDiv("http://images.cnblogs.com/logo_small.gif", "#test2"); );
});
< /script>
2 回目は少し変更します--%>


初めて使用する
;div id="test" style=" 表示: なし;">

;/div>