代码之家 › 专栏 › 技术社区 › Frank

Jquery表单字段焦点更改提交按钮类

xhtml css jquery

Frank · 技术社区 · 15 年前

我有以下表格:

<input name="q" value="" class="qa-search-field">
<input type="submit" value="Search" class="qa-search-button">

当qa search字段处于活动状态时,我试图通过添加类来更改submit按钮的类。qa search按钮处于活动状态,然后在搜索表单不处于活动状态时将其删除,这意味着光标不在那里并闪烁。

不知道如何在Jquery中编写代码。

3 回复 | 直到 15 年前

Soufiane Hassou 15 年前

$(".qa-search-field").focusin(function() {
   $('.qa-search-button').addClass('.qa-search-button-active');
});

(".qa-search-field").focusout(function() {
   $('.qa-search-button').removeClass('.qa-search-button-active');
});

Fidi 15 年前

$('document').ready(function(){
    $('input[name="q"]').focus(function(event){
        $('input[type="submit"]).attr('class', 'qa-search-button-active');
    });


    $('input[name="q"]').focus(function(event){
        $('input[type="submit"]).attr('class', 'qa-search-button');
    });
});

kst 15 年前

这个迟来的解决方案怎么样?:)

$(".qa-search-field").focus(function () {
    $('.qa-search-button').removeClass('qa-search-button').addClass('qa-search-button-active');
});

$(".qa-search-field").blur(function () {
    $('.qa-search-button-active').removeClass('qa-search-button-active').addClass('qa-search-button');
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前