Jquery插件autocomplete

autocomplete插件提供了一个只能提示的功能 。

效果图如下：

首先我们可以百度搜索或者去 http://www.jsfoot.com/jquery/或者 http://plugins.jquery.com/或者http://www.jq-school.com/下载插件。

然后就把下载好的jquery插件添加到我们的项目中。

因为jquery-autocomplete可以说是jquery一个扩展，当然要基于jquery。

当我们把jquery 和autocomplete都引用进来后，你会发现多出一个autocomplete()方法,没错整个插件就是围绕这个方法写的，而我们要做的就是熟悉这个方法。

语法

      

$(selector).autocomplete(URlorData)

参数	描述
function	必选。function为一个数组，用于填充自动比配的内容

当然这样还不够，你可以像百那样选中关键字后搜索出详细的信息。

我们可以在autocomplete方法后再添加一个result()方法。

语法

$(selector).autocomplete(URlorData).result(function(element,data){...})

参数	描述
element	元素，返回触发事件的元素吗？没试过一会试试
data	返回选中的内容