JQuery と JavaScript_jquery の類似点と相違点の詳細な分析

追伸: LZ は、このタイトルは少し大きすぎて、私の能力を超えていると考えています。気に入らない場合は、触らないでください。現時点ではLZの能力の範囲内のもののみが記録されており、将来的には補足される予定です。

1. JQuery オブジェクトと DOM オブジェクト (「Sharp JQuery」) 間の相互変換

DOM に変換された JQuery:

1. var jq = $(‘#selector’); var dom = jq[index];

2. var jq1 = $(‘#selector1’); var dom1 = jq1.get(index) または var dom1 = jq1.get()[index];

DOM を JQuery に変換:

cr が JQuery に変換された DOM オブジェクトであると仮定します、 jqcr = $(‘cr’);

2. JQuery の $(document).ready() と JavaScript の window.onload() (「Sharp JQuery」) の違い

1. 実行タイミング

window.onload は、Web ページ内のすべてのリソース (画像を含む) がロードされるまで待機してから実行する必要がありますが、$(document).ready() はすべての DOM 構造が描画された後に実行されますが、 DOM に関連付けられている可能性がありますが、まだロードされていません。

2. エントリー数

ドキュメント内には window.onload は 1 つだけありますが、$(document).ready() には複数の

を含めることができます

3. 簡易的な方法

window.onload の省略形はありません。$(document).ready() は $(function(){}) と省略できます。

3. JQuery と JavaScript での属性名へのアクセスの違い (「JQuery の動作」)

JQuery仕様名 DOM仕様
セル間隔 cellSpacing
クラスクラス名
コルスパンcolSpan
IE の cssFloat は styleFloat、他のブラウザは cssFloat
IE の float は styleFloat、他のブラウザは cssFloat
html の場合
フレームボーダー
maxLength maxLength
読み取り専用読み取り専用
行スパン rowSpan
                                                                                                                                                                                                                                                                        tabindex tabIndex
使用マップ useMap

4. 対立

理論的には、DOM では競合は発生しません。JQuery には、競合を防ぐための 2 つのソリューションがあります: (「Sharp JQuery」)

1. JQuery ライブラリは他のライブラリの後にインポートされます

JQuery を呼び出します。 noConflict() メソッドは、他のライブラリまたはカスタマイズされたショートカットに $ 制御を与えます。 $j = JQuery.noConflict();

2. 他のライブラリの前に JQuery ライブラリをインポートします

$ の代わりに JQuery を直接使用して動作し、$ は他のライブラリへのショートカットとして使用できます。