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

   }

为什么？

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')会查找标记名为myButton的元素，而不是ID myButton。变化

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

到

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

读：