读jQuery List详解，Neng迅速点学会列表魔法吗这个？

哦，亲喜欢的细小伙伴们，今天我们要来聊聊一个超级优良用的东西，叫ZuojQuery List！这玩意儿插件就像是个细小魔法师，Neng把我们的HTML列表变成超级酷的交互式列表。听起来是不是hen神奇？别急，听我磨蹭磨蹭给你说。

先说说我们要把jQuery List请到我们的页面上来。它要和我们的优良朋友jQuery一起干活哦。然后 我们再定义一个HTML列表，就像这样：

  
苹果
  
香蕉
  
梨子
  
芒果
  
西瓜
  
樱桃

然后我们要用jQuery的细小魔法告诉它：“嘿，这里有个列表，你要是会变魔法就优良了！”这样写就对了：

$.ready{
  $.List;
});

三、 jQuery List的魔法变身

魔法1：变个样子给我kan

jQuery List不仅Neng变魔法，还Neng帮我们给列表项变个漂亮的模样。比如我们Neng让列表项变成红色，字体变粗。这样写：

$.ready{
  $.List({
    itemClass: 'myClass',
    itemStyle: {'color':'red', 'font-weight':'bold'}
  });
});

魔法2：排排队，按个顺序来

我们还Neng让列表项按照字母顺序或者数字巨大细小排队。这样写：

$.ready{
  $.List({
    order: 'desc' // 从巨大到细小排
  });
});

魔法3：找个东西给我搜

列表项太许多，找不到想要的？不用怕，jQuery List有搜索功Neng。这样写：

$.ready{
  $.List({
    search: true
  });
});

魔法4：筛选一下 找对的人

Ru果我们要找特定条件的列表项，jQuery List也Neng帮忙。这样写：

$.ready{
  $.List({
    filter: true
  });
});

魔法5：分页， 一次kan不完就分页kan

列表项超级许多，一次kan不完怎么办？分页啊！这样写：

$.ready{
  $.List({
    pagination: true,
    itemsPerPage: 10 // 每页kan得出来10个列表项
  });
});

jQuery List还会hen许多魔法事件，比如点击列表项会触发啥，搜索时会触发啥。这里我们说说两个常见的魔法：

魔法事件1：点击列表项

点击列表项，我们Nengkan到它里面的文字。这样写：

$.ready{
  $.List({
    onItemClick: function{
      alert);
    }
  });
});

魔法事件2：搜索关键字

输入搜索关键字，我们Neng在控制台kan到它。这样写：

$.ready{
  $.List({
    onSearch: function{
      console.log;
    }
  });
});

哦，亲喜欢的朋友们，我们今天聊了hen许多jQuery List的魔法，它是不是hen厉害呢？ 有了jQuery List，我们的列表操作就会变得超级轻巧松，超级高大效。希望你们也Neng掌握这些个魔法，让你们的网页geng加酷炫！