ホームページ >ウェブフロントエンド >jsチュートリアル >ページをロードする jquery メソッド (ページがロードされた後に実行)_jquery
1. $(function(){
$("#a").click(function(){
//ここにコードを追加します
});
}); , $(document).ready(function(){
$("#a").click(function(){
//ここにコードを追加します
});
});
3. window.onload = function(){
$("#a").click(function(){
//ここにコードを追加します
}); 🎜>HTML コードは
クリック
で、ページは 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");
は、すべての DOM 構造をロードし、すべての HTML を DOM に配置するだけです。ブラウザー js エフェクトはツリーの前に実行されます。外部の画像とリソースをロードする前に組み込まれます。
簡略化する方法もあります:
$(function() {
// 実行する必要がある任意の js 特殊効果
$("table tr :nth- child(even)").addClass("even");
});