jquery - 如何在点击输入时更改提交按钮

Question

我有一个这样的结构:

<form role="search" method="get" id="searchform" action="">
    <input type="text" name="s" id="s" placeholder="Search..." />
    <input type="submit" id="searchsubmit" />
</form>

我需要在您单击输入字段时更改背景提交按钮。怎么做？

Answer 1

纯 CSS 解决方案:

input[type="text"]:focus + input[type="submit"]{
    background-color: red;
}

演示:http://jsfiddle.net/by10et61/

选择器中的 + 使它起作用。选择器查找提交按钮，前面是具有焦点的文本输入。