未能触发onChange事件

Question

我有这段代码，可以使用“ widget”类搜索HTML元素的内容，并使用jQuery函数fadeIn()和fadeOut()来仅显示与搜索词匹配的元素。 我不知道如何分配搜索功能，因为我没有将其分配给搜索框的change事件。 jQuery中的onchange=等于什么？ 我当前的代码：

function search(text, elements) {
    var term = text.value.toLowerCase();
    var elms = $(elements);
    var elm;
    for (var i = elms.length; i > 0; i-=1){
        elm = elms.get(i);
        if (elm.text().toLowerCase().indexOf(term)>=0 ) {
            elm.fadeOut(500);
        } else {
            elm.fadeIn(500);
        }

    }
}

失败的内联脚本触发onchange：

<script type="text/javascript">
    $(document).ready(function() {
    $("#search").change(function() {
            search($("#search").text(),".widget");
        });
    });

Answer 1

我会使用keyup（）而不是change，Change仅在模糊时触发。

Answer 2

$（“＃search”）。change（function（）{search（$（“＃search”）。text（），“。widget”）;}）;

.change（）是对JQuery中的.on（）函数的引用，因此，如果您希望以这种方式重写它：

$（“＃search”）。on（'change'，function（）{search（$（this）.val（），“。widget”）;}）;