排行时报

JQuery的Autocomplete 插件如何应用

科技数码  2022-12-31 09:54:12  热度:87℃

Sublime Text

01、首先打开Sublime Text软件,搭建好页面,然后引入样式库文件,如下图所示

02、接下来在script中添加jquery的脚本库文本,如下图所示,智能提示的相关功能都在jquery-ui.min.js文件中

03、然后在body标签中准备输入框,如下图所示,注意给输入框一个id属性,方便定位

04、界面都搭建好以后,就需要准备数据源了,这里为了演示,小编准备了一个字符数组,如下图所示

05、当然在正规的项目中,数据源都是从后台获取的,如下图所示,通常运用ajax从后台获取

06、接下来就是通过autocomplete方法来进行智能提示实例化,如下图所示,注意传入数据源信息

07、最后我们运行程序,你会在界面中看到如下图所示的内容,当你输入一个字母以后,它会给你包含这个字母的内容信息,如下图所示

最近更新

  • 怎么将wps输出为pdf的文字水印设置为单行

    怎么将wps输出为pdf的文字水印设置为单行

    2025-04-26697阅读

  • Ubuntu 20.04新增仓颉输入法

    Ubuntu 20.04新增仓颉输入法

    2025-04-26671阅读

  • 950显卡能吃鸡吗

    950显卡能吃鸡吗

    2025-04-27835阅读

  • 扫描件是什么格式的

    扫描件是什么格式的

    2025-04-26693阅读

  • win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    2025-04-26750阅读

  • 电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    2025-04-26748阅读

  • 怎么用vlookup匹配数据?

    怎么用vlookup匹配数据?

    2025-04-26625阅读

  • 嗜睡说明了什么问题

    嗜睡说明了什么问题

    2022-12-21839阅读

  • 入睡很困难该怎么办

    入睡很困难该怎么办

    2022-12-20891阅读

  • 发质不好可以怎么办

    发质不好可以怎么办

    2022-12-21882阅读

  • 精选专题