jqueryの書き方とページロード後のJS実行の違い_jquery

1. $(function(){
$("#a").click(function(){
//ここにコードを追加します
});
}); 🎜>2. $(document).ready(function(){
$("#a").click(function(){
//ここにコードを追加します
});
});
3. window.onload = function(){
$("#a").click(function(){
//ここにコードを追加します
}); >}
HTML コードは click であり、ページは jquery の js ファイルを参照する必要があります

ページの読み込み時に js を呼び出す一般的な方法は次のとおりです。

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

window.onload = function() {

$("table tr:nth-child(even)").addClass("even");これは jquery コードです
} ;


このコードは、ページ全体のすべてのドキュメントが読み込まれた後に実行されます。残念ながら、この方法では、ページの DOM ツリーが完全にロードされている必要があるだけでなく、すべての外部イメージとリソースがロードされている必要もあります。さらに残念なことに、画像などの外部リソースの読み込みに時間がかかる場合、この JS 効果によりユーザーは非効率的であると感じてしまいます。

ただし、jquery メソッドを使用します:

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

$(document ).ready(function() {

// 実行する必要がある js 特殊効果
$("table tr:nth-child(even)").addClass("even");
});


は、ブラウザーがすべての HTML を DOM ツリーに配置する前に、すべての DOM 構造をロードして js エフェクトを実行するだけです。外部の画像とリソースをロードする前に組み込まれます。

短縮方法もあります:

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

$( function() {

// 実行する必要がある js 特殊効果
$("table tr:nth-child(even)").addClass("even");
});