jQuery选择不使用多个类的输入类

Question

我正在尝试根据浏览器窗口的宽度替换表单的占位符：

<input class="form-control top-menu" type="text" placeholder="Search all products" />

请注意，该课程为form-control top-menu。

当我尝试使用jQuery选择它时，没有任何反应：

var input = $("input[class=top-menu]");

我也试过

var input = $("input[class=form-control top-menu]");

同样的问题。我在这里做错了什么？

这是我的jFiddle：http://jsfiddle.net/vfu3cdwb/6/

Answer 1

试试这个：

$('input.form-control.top-menu')

这将只选择带有calss form-control和top-menu

的元素标签输入

jquery使用css selector来查找元素。

Answer 2

var input = $("input.top-menu");