ホームページ >ウェブフロントエンド >jsチュートリアル >ページをロードする jquery メソッド (ページがロードされた後に実行)_jquery

ページをロードする jquery メソッド (ページがロードされた後に実行)_jquery

WBOY
WBOYオリジナル
2016-05-16 18:05:391038ブラウズ

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");
});

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。