javascript - DOMを検索するJQuery

Question

だから、私はJqueryに不慣れで、なぜこれが起こるのか知りたいです：

$('Button').click(bunz2);

function bunz2(){
    $('body').css({"background-color":"yellow","font-size":"200%"});

   }

これはHTMLで定義された私のボタンです：

<button id="myButton" type="button">Click Me!</button>

これは機能しますが、コードを2番目に変更すると、機能しなくなります。：

$('myButton').click(bunz2);

function bunz2(){
    $('body').css({"background-color":"yellow","font-size":"200%"});

   }

なんで？

Answer 1

id属性セレクターが必要です#：

$('#myButton').click(...);

これは、jQueryに「一意の「id」属性「myButton」を持つ要素を選択する」ことを指示します。最初の例で$('Button')は、jQueryに「ページ上のすべてのボタン要素を選択する」ように指示します。これは、先頭がない#場合は、より一般的なセレクターであるためです。たとえば、すべての要素$('div')を選択します。<div>

乾杯

Answer 2

あなたが置くとき、あなた$('Button').click(bunz2);はページのすべてのボタンを参照します。ボタンを具体的に参照するには、IDを使用する必要があります。Jqueryでは$.('#myButton').click(）を置く必要があります

Answer 3

すべてのタグ$('button')に対してアクティブ、button

IDを選択する必要がある場合は、次を使用できます。

$("#myButton").click(bunz2);

#IDシンボルであり、.クラスシンボルです..。

Answer 4

$('myButton')myButtonIDではなくタグ名を持つ要素を検索しますmyButton。変化する

$('myButton').click(bunz2);

に

$('#myButton').click(bunz2);

読む：

• 要素セレクター（「要素」）
• IDセレクター（「#id」）