javascript - jQueryでIDでボタンを選択できない

Question

私は困惑しています：

$(document).ready(function() {
    var sendButton = $('#send');
    var name = $('#name');
}

私のJavaScriptファイルにあります。Chrome でコンソールを開くと、sendButton何にも接続されていませんが、要素nameに接続されています。name

HTML には以下が含まれます。

<input id="name"><input id="send" type="button" value="send">

奇妙な部分は次のとおりです。コンソールに入力すると、次のようになります。

> $('#send')
[<input id="send" type="button" value="send">]

したがって、セレクターは有効なようですが、JS ファイルでは機能せず、ボタンに対してのみ機能します。何か案は？

編集：申し訳ありませんが、ここでスニペットを提供しています。ドキュメント対応のものを持っていました。

score 1 · Accepted Answer

使用してdocument.readyください。役立つかもしれません

$( document ).ready(function() {

// now your initialization
});

score 0 · Accepted Answer

dom ready の後にロードします:

$(function() {
  var sendButton = $('#send');
  var name = $('#name');
});

score 0 · Accepted Answer

ページがレンダリングされるまで要素を検索していることを期待しています。ユーザーの $(document).ready() イベント

3 に答える 3