技术文章 > Web开发 >  JavaScript > 正文

jQuery如何自动完成组件?

宋雪维

jQuery有自己的自己的自动补全功能,jQuery ui是一个可以自动完成组件的部件库,首先有一个父div用来放组件,其中包含输入框和和子div用来模拟下拉列表成ul数据列表,自动完成组件。完成的组件相对独立,可按需加载,避免浪费带宽拖慢网页打开速度,本文介绍jQuery自动完成组件的方法。

1、建立组件

<!doctype html><html>
    <head>
        <meta charset="utf-8">
        <link href="js/jquery-ui-1.11.4/jquery-ui.css" rel="stylesheet">
    </head>
    <body>
        <div id="test_progressbar"></div>
        <script src="js/jquery-ui-1.11.4/jquery.js"></script>
        <script src="js/jquery-ui-1.11.4/jquery-ui.js"></script>
        <script>
            //调用方法建立组件            $("#test_progressbar").progressbar();        </script>
    </body></html>

2、自动完成组件

方法

close:关闭自动完成弹出菜单

destory:删除自动完成组件

disable:禁用

enable:启动

option:设置选项

$("#acInput").autocomplete("search",this.id);
//用按钮的id号作为启动自动完成组件的触发文字

以上就是jQuery自动完成组件的方法,希望嫩故蒂尼有所帮助哟~

免费视频教程
本教程部分素材来源于网络,版权问题联系站长!
相关文章
  用python的scipy中的odeint来解常微分方程中的一些细节问题(适用于小白)
  Python爬取百度搜索风云榜实时热点.
  《你好,李焕英》票房破三十亿了!用Python抓取电影票房的数据!你贡献了一部分吗?
  Python 最简单的OCR——paddleocr简要教程
  使用python制作查q绑程序
  Python 的 collections 模块强化数据结构
相关视频章节
  python初认识
  五分钟装好Python解释器
  写下你第一个Python程序
  用python操作文件的3种模式
  量化投资与Python&ipython初识
视频教程分类