裏紙に書く程度の内容

1つの要素で囲い込んでしまうテクニック が意味不明。

目次はこちら > jQueryを使う際の25個Tipsを確認してみる

1つの要素で囲い込んでしまうテクニック

についてです。

何言ってんのか不明

元記事は以下のようになっていますが、何が言いたいのかわかりません。

1つの要素である要素を囲んでしまう為に非常に素早い方法を。

var myList = $(‘.myList’);
var myListItems = ‘

    ‘;
    for (i = 0; i < 1000; i++) {
    myListItems += ‘
  • This is list item ‘ + i + ‘
  • ‘;
    }
    myListItems += ‘
‘;
myList.html(myListItems);

すっごくはやいよ!

??

たぶんこういうことを言いたいんだと思う

おそらくですが、

var myList = $('.myList');
for (i = 0; i < 1000; i++) {
    myList.append('<li>This is list item' + i + '</li>');
}

とするより、

var myList = $('.myList');
var myListItems = '<ul>';
for (i = 0; i < 1000; i++) {
    myListItems += '<li>This is list item ' + i + '</li>';
}
myListItems += '</ul>';
myList.html(myListItems);

の方が早いよ、って言いたいんだろうと思います。

ただ、いやそれさっき言うたやん。DOM操作が遅いってことやろ?

結論

これは前回と重複するのでTipsには必要なし!

Index