javascript - JQuery 搜索 DOM

Question

所以，我是 Jquery 的新手，我想知道为什么会这样：

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

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

   }

这是我在 HTML 中定义的按钮：

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

这有效，但是当我将代码更改为第二个时，它不再有效。：

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

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

   }

为什么？

score 5 · Accepted Answer

您需要id属性选择器#：

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

这告诉 jQuery “选择具有唯一 'id' 属性 'myButton' 的元素”。在您的第一个示例中，$('Button')告诉 jQuery“选择页面上的所有按钮元素”。那是因为，没有前导#它是一个更通用的选择器。例如$('div')将选择所有<div>元素。

干杯

score 3 · Accepted Answer

当你把$('Button').click(bunz2);你指的是页面的所有按钮。要专门引用按钮，您应该使用 ID。在 Jquery 你应该把$.('#myButton').click(）

score 2 · Accepted Answer

$('button')所有button标签的活动，

如果你必须选择 id 你可以使用：

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

#是 ID 符号，.是类符号 ...

score 1 · Accepted Answer

$('myButton')查找带有标签 name 的元素myButton，而不是 ID myButton。改变

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

至

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

读：

4 回答 4