求问一个js的问题。removeClass失效

当我页面进入灰色的导航栏的时候，将红色框的input类容替换为绿色框里面的div的类容，但是使用 attr，removeClass都没有效果

html代码：

<div class="header_b">
                <div>
                    <nav>
                        <a href="">新品</a>
                        <a href="">定制</a>
                        <a href="">合伙人</a>
                        <a href="">以旧换新</a>
                        <a href="">0元试用</a>
                        <a href="">乐豆购</a>
                        <a href="">学生</a>
                        <a href="">直播</a>
                        <a href="">企业购</a>
                        <a href="">0元购</a>
                    </nav>
                    </div>
                        <div class="header_b_input">
                            <input type="" name="" placeholder="品质生活 享你所享">
                            <i class="layui-icon layui-icon-search" style="font-size:20px"></i>  
                        </div>

                    </div>

替换的div在上一个兄弟元素中：

 <div class="header_a">
                <div>
                    <img id="header_a_img1" src="/static/images/leve/log/log.jpg">

                    <nav class="nav">
                        <a href="">联想首页</a>
                        <a href="">商城</a>
                        <a href="">服务</a>
                        <a href="">会员</a>
                        <a href="">社区</a>
                        <a href="">门店</a>
                        <a href="">品牌</a>
                        <a href="" class="nav_a">下载app
                          <div class="nav_img">
                            <img  src="/static/images/leve/footer/footer_4.png">
                          </div>
                        </a>
                    </nav>
                </div>
                <div>
                    <span class="header_a_span">
                        <div>
                            <a href="">登录</a>
                            <i>|</i>
                            <a href="">注册</a>
                        </div>
                        <div id="img_a">
                            <img  src="/static/images/leve/log/log2.png">

                            <div class="ul_a">
                                <ul>
                                    <li >
                                    <img src="/static/images/leve/footer/footer_5.png">
                                    </li>
                                    <li>
                                        <span>联想智选APP</span>
                                        <span>下载即享</span>
                                        <span>999元新人礼</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </span>
                    <!-- <div>11111111</div> -->
                </div>
            </div>

js的代码：

// 头部导航栏定位样式
            $(window).scroll(function(){
                var heg = $(".header_a").height();
                if($(this).scrollTop() > heg){
                    $(".header_b").addClass("header_b_class");
                    $(".header_b").removeClass(".header_b_input");
                }else{
                    $(".header_b").removeClass("header_b_class");
                }
            console.log(heg);
            // console.log($(this).scrollTop());
            });