色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery 通訊錄 搜索

jQuery通訊錄搜索插件是一種非常實用的工具,它可以幫助我們快速地查找聯(lián)系人信息。以下是一些使用jQuery通訊錄搜索插件的優(yōu)點:

  • 快速搜索: 使用jQuery通訊錄搜索插件,您可以在數(shù)秒鐘內(nèi)查找到您想要的聯(lián)系人信息。
  • 自定義搜索: 您可以根據(jù)自己的需求和目的,調(diào)整搜索插件的參數(shù)。
  • 易于使用: 無需編寫太多代碼,就可以使用jQuery通訊錄搜索插件。
  • 開源: jQuery通訊錄搜索插件是免費的,并且源代碼可供自由下載。
// 下面是一個使用jQuery通訊錄搜索插件的簡單示例:
// 引入jQuery庫
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js" ></script>
// 引入jquery通訊錄搜索插件
<script src="https://cdn.bootcss.com/jquery.mtz.simple.contactlist/1.0.4/jquery.mtz.simple.contactlist.min.js"></script>
// 構(gòu)建數(shù)據(jù)
var contacts = [
{ "id": "1", "name": "張三", "phone": "13888888888", "email": "zhangsan@qq.com" },
{ "id": "2", "name": "李四", "phone": "13999999999", "email": "lisi@qq.com" },
{ "id": "3", "name": "王五", "phone": "15000000000", "email": "wangwu@qq.com" }
];
// 初始化插件
$('#contactList').contactlist({
data: contacts,
textField: 'name',
valueField: 'id',
onSelected: function(item) {
alert(item.name + ' ' + item.phone);
}
});
// HTML代碼
<input type="text" id="searchBox" />
<ul id="contactList"></ul>

通過上面的示例,您可以看到j(luò)Query通訊錄搜索插件的優(yōu)美之處。它既簡單又實用,可以為我們提供便捷的查詢和篩選服務(wù)。當然,如果您有更高要求的要求,也可以通過修改插件參數(shù)或者自己編寫代碼來實現(xiàn)。