javascript - jqueryイベント実行の問題

Question

{コード...} なぜ記述方法が異なると結果が異なるのでしょうか? 論理的に言えば、同じ関数は半分しか実行されません。

phpcn_u1582 · Answer

$(function(){
//これは、ページがロードされた後に実行されるコードです
})
最初の書き方は、ページがロードされる前に実行されるため、DOM は変更されません。色付き

は検出されません。

黄舟 · Answer

2つ目は.ready()の略称です。詳細についてはドキュメントを確認してください。

漂亮男人 · Answer

通常、js 参照は里面，
第一种写法执行的时候，页面还没加载完，所以找不到$(".table tr:odd") セレクターに配置されます。
2 番目のタイプはページがロードされた後に実行されるため、セレクターの色を変更できます。

2 番目の方法を使用するか、ページの最後に js 参照を追加します。

三叔 · Answer

最初の書き方では、コード実行時にテーブル要素がページに読み込まれていない可能性があるため、要素が見つからないため色の変化はありません。
2 番目の記述方法は、コードを実行する前にページ要素がロードされるのを待つことです。これにより、ページ上のすべての要素がロードされ、コードが必要な要素を見つけることができるため、対応する変更が行われます。

漂亮男人 · Answer

リーリー

2 つの呼び出しの違いは、最初に $(".table tr:odd") を呼び出したときは DOM がロードされていないため、対応する要素を取得できなかった可能性があります。印刷して確認できますが、2 回目では確実に取得できています。

その前にJS 代码或引入的 JS 文件放在页面底部，を置くことをお勧めします。

phpcn_u1582 · Answer

1階の回答と同様に、最初の書き方では、.tableタグの前に配置してdomがロードされる前に実行すると、$セレクターがdomを見つけられず、色を指定できない場合があります。かわった。

2 つ目については、jquery ドキュメントの説明を確認することをお勧めします。ここでは jquery 公式 Web サイトを開くことができないため、別の場所から読むことができます
http://www.css88.com/jqapi-1。 ...

代言 · Answer

1. 最初の書き込み方法は、ドキュメントタグがロードされていないときに実行することです。つまり、HTML がロードされていない場合、その中の .table tr:odd にスタイルを追加すると、js スクリプトはそれがどのオブジェクトであるかを認識しないため、未定義になります。要素の読み込みが完了していません。ただし、関数には構文エラーがないため、alert 0
2.$(function(){}) は引き続き実行されます。つまり、内部のメソッドが実行される前に HTML がロードされるのを待ちます。この時点で、HTML がロードされ、スタイルを設定できるように、このオブジェクトがどの要素であるかがキャプチャされます。
具体的な参照先: http://www.w3school.com.cn/h.asp

高洛峰 · Answer

この質問は終了します

迷茫 · Answer

最初の書き方:
tableColor();//alert(0)を実行すると、「0」が表示されますが、domは選択されておらず、コードは1行ずつ実行されます

2番目の書き方: ドキュメントがロードされた後に実行
$(function() {

リーリー

})

結論として、js の導入はドキュメントの最後に配置されており、カスタム関数に加えて、html 内の内部 js はドキュメントの実行後に js コードが確実に実行されるように $(function() {}) で記述されています。実行されました

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル