模糊查询

最新推荐文章于 2022-05-31 00:08:16 发布

shine746

最新推荐文章于 2022-05-31 00:08:16 发布

阅读量650

点赞数

CC 4.0 BY-SA版权

分类专栏： html学习

本文链接：https://blog.youkuaiyun.com/qq_25781517/article/details/80909129

html学习专栏收录该内容

9 篇文章

订阅专栏

使用了weui

// 模糊查询
    $(".username_search").keyup(function () {
        $(".content")
        .hide()
        .filter(":contains('" + ( $(this).val() ) + "')")
        .show();
    }).keyup();
    //content是内容区

<div class="sear_top">
            <div class="searchbar_wrap">
                <div class="weui_search_bar">
                    <form class="weui_search_outer">
                        <div class="weui_search_inner">
                            <i class="weui_icon_search"></i>
                            <input type="search" class="weui_search_input username_search" id="weui_search_input"
                            placeholder="请输入关键字" required="">
                            <a href="javascript:" class="weui_icon_clear"></a>
                        </div>
                        <label for="weui_search_input" class="weui_search_text">
                            <i class="weui_icon_search"></i>
                            <span>请输入关键字</span>
                        </label>
                    </form>
                    <a href="javascript:" class="weui_search_cancel">取消</a>
                </div>
            </div>
            <a href="#" class="weui_btn weui_btn_default btn-top">
                <i class="fa fa-plus" aria-hidden="true"></i>
                <span>新增地址</span>
            </a>
        </div>