最近學(xué)習(xí)了jQuery，發(fā)現(xiàn)用它來處理事件特別方便，特別是對(duì)于列表的處理，更是如此。

//使用on方法，綁定click事件
$("ul").on("click", "li", function() {
//點(diǎn)擊事件處理程序
});

首先需要使用on方法來綁定事件，第一個(gè)參數(shù)指定事件類型，第二個(gè)參數(shù)指定要綁定事件的元素，第三個(gè)參數(shù)是事件處理程序。這里我們將事件綁定在ul元素上，而不是li元素上，因?yàn)楫?dāng)動(dòng)態(tài)添加li時(shí)，它們也會(huì)被處理。

$("ul").append("
新建項(xiàng)
");

如果需要?jiǎng)討B(tài)添加li元素，可以使用append方法：

$("ul").off("click", "li"); //取消事件綁定

如果需要取消事件綁定，可以使用off方法：

$("input").keyup(function() {
var value = $(this).val().toLowerCase();
$("ul li").filter(function() {
//過濾不匹配的項(xiàng)
$(this).toggle($(this).text().toLowerCase().indexOf(value) >-1);
});
});

還可以結(jié)合其他方法來實(shí)現(xiàn)列表的過濾功能，例如在input框中輸入文字時(shí)，對(duì)匹配的li項(xiàng)進(jìn)行顯示，不匹配的項(xiàng)進(jìn)行隱藏：