0

私は多くの要素の作成と追加を含むプロジェクトを作成しています。少し調査した後、私はそれを思い付きました

$(newElement)と$(selector)

より遅い

.createElement(newElement)と.getElementBy

私はこれの多くの作成/追加/選択を含むtodoリストアプリをやっているので:

<div class="mainTaskWrapper clearfix">
    <div class="mainMarker"></div>
    <label for="task1">This is task1</label>
    <div class="holder"></div>
    <div class="subTrigger"></div>                            
    <div class="checkButton"></div>
    <div class="optTrigger"></div>
    <div class="mainOptions">
        <ul>
            <li id="mainInfo">Details</li>
            <li id="mainDivide">Divide</li>
            <li id="mainEdit">Edit</li>
            <li id="mainDelete">Delete</li>
        </ul>                               
    </div>
</div>

何を使うようにアドバイスしますか? jQuery の選択と作成方法、または JavaScript の方法ですか?

4

4 に答える 4

1

他に何をしているかによって少し異なります。場合によっては、innerHTML を設定するのが最も高速です (特に大きなかさばるブロックが挿入される場合)。

つまり、開発者の観点からは、jquery メソッドが最も保守しやすいということです。パフォーマンスが問題になるまではおそらくjqueryバージョンを使用し、jqueryへの呼び出しを他の関数にラップして、スワップアウトできるようにします。

于 2012-08-29T14:41:08.987 に答える
1

それは本当に開発者の好みの問題です。

個人的には、jQuery セレクターを厳密に使用すると、記述と理解が容易になり、セレクターがより複雑になったときに一貫性が増します。ネイティブ JavaScript を使用すると、コンパイルとレンダリングが高速になりますが、ページの複雑さによっては、実際には違いが見られない場合があります。

于 2012-08-29T14:41:56.123 に答える
1

「多くの作成/追加/選択」と言うとき、正確には何を意味しますか?

1秒間に数個程度ですか、それとも単に「大量」ですか？コードはクライアント側で実行されるため、1 秒に 1 回であってもそれほど問題にはなりません。

その場合、jQuery が「最良の」選択になります。保守性が大きな利点であり、jQuery を使用して記述したコードはおそらくはるかに明確になるからです。

于 2012-08-29T14:43:51.780 に答える
0

一度に多くの同一の要素を作成しないことをお勧めします。代わりに、一度 HTML に配置して非表示にし ( を使用)、必要に応じてブロック全体display:noneに jQuery を使用します。.clone()

id=ただし、まず、これらの属性を取り除きます。1 つのページに同じ ID を持つ複数の要素を含めることはできません。

于 2012-08-29T14:44:25.450 に答える