未能觸發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”）;}）;