javascript - 如何使用 javascript 在 html 中定位 id 或类？

Question

我遇到了一个问题，我页面中的两个“按钮”标签都被 受 toggle.js 下拉效果影响。 所以我决定给第一个添加一个 id，这样我就可以在“toggle.js”中调用它 现在的问题是我不确定我应该在代码(js)中更改哪一个？ 任何人都知道如何定位带有 id 的按钮？

JsFiddle

这是 toggle.js

$(function () {
img_arrow = '<img src="images/down-arrow.png" width="20" height="20" alt="" style="vertical-align:middle; padding-top: 0px;margin-left:2px"/>';

var $window = $(window),
    $nav = $('nav'),
    $button = $('button');

$button.on('click', function () {
    $nav.slideToggle();
});

$window.on('resize', function () {
    if ($window.width() > 320) {
        $nav.show();
    }
});

$('#menu a').click(function (e) {
    $('button').html($(this).html() + img_arrow);

    e.preventDefault();
});
});

提前致谢!

Answer 1

它将是 $("button#ID").on('click', function () ....

编辑:

根据您的 fiddle ，您的按钮具有 CLASS 属性，而不是 ID。 所以上面将是 $("button.submitButton").on('click' ...

或者像下面评论的那样，您可以简单地将其作为 $(".submitButton")...，但我希望准确无误，以防您有多个具有相同类值的元素。