位置: 编程技术 - 正文

jQuery自动完成插件completer附源码下载(jquery自定义插件)

编辑:rootadmin

推荐整理分享jQuery自动完成插件completer附源码下载(jquery自定义插件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery自动点击按钮,jquery自动加载的方法,jquery自动完成插件,jquery自执行,jquery自动点击按钮,jquery自动完成插件,jquery自动点击按钮,jquery自动加载的方法,内容如对您有帮助,希望把文章链接给更多的朋友!

我们在表单输入的时候,如要输入邮箱之类,只需输入邮箱名前段,那么@后面的内容将自动补全,将常用的几个邮箱列出来,用户只需选择一下就可以完成表单的输入。诸如此类的还有时间的输入、域名的输入都能自动完成,这些都由插件completer来帮您实现。

效果展示图如下所示:

效果展示 源码下载

HTML

jQuery自动完成插件completer附源码下载(jquery自定义插件)

首先载入jQuery库和插件completer.js,当然还有相关CSS样式文件,这些都在源码下载里已打包好了。

接下来我们在页面中需要放置输入框的地方放置如下代码,这是一个要求用户输入邮箱的输入表单。

Javascript

直接$(element).completer()调用,非常简单,如果不想用函数调用的方式也可以在元素上使用data-toggle="completer"和data-*属性来调用插件效果。

选项设置

选项 说明 默认值 complete 当输入完成时触发 function() {} itemTag 弹出展示面板中的列表元素标签 "li" filter 过滤函数,当输入后会先过滤相关列表内容再展示列表 function(val) { return val; } position 弹出列表面板相对输入框的位置,值有"top", "right", "bottom", "left". "bottom" source 将要自动补全展示的数据 [] selectedClass 当弹出面板中的选项被选中时的样式 "completer-selected" separator 分隔符,将输入的内容与建议自动完成的部分分隔,如@ "" suggest 如果设置成true,将会进入建议suggestion模式,将自动匹配所输入的内容 false template 弹出面板的模板 "<ul class="completer-container"></ul>" zIndex 弹出面板的css中的z-index值 1

Completer插件提供了丰富的选项设置和方法调用。

jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码) 本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考,具体如下:一、jQuery.Form.js插件的作用是实现Ajax提交表单。方法:1.formSerilize()用

jquery中cookie用法实例详解(获取,存储,删除等) 本文实例讲述了jquery中cookie用法。分享给大家供大家参考,具体如下:cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的

基于jQuery实现交互体验社会化分享代码附源码下载 先给大家展示下效果图,看看是不是亲想要的效果,如果满足您的要求请继续往下阅读。效果展示源码下载基于jQuery交互体验社会化分享代码。这是一

标签: jquery自定义插件

本文链接地址:https://www.jiuchutong.com/biancheng/379253.html 转载请保留说明!

上一篇:理解jquery事件冒泡(jquery事件的响应)

下一篇:jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)(简单的jquery插件实例)

  • 二手房交易需缴纳哪些费用
  • 企业一般户需要哪些资料
  • 私车公用去税务局开什么发票
  • 未出资到位的股东
  • 补计提上一年度费用
  • 过桥过闸通行费会计分录
  • 网络服务费属于什么费用
  • 专票丢失登报后怎么处理
  • 核定征收企业怎么分红的
  • 收到投资款的会计
  • 广告公司好进吗
  • 事业单位职工福利费计提标准和使用
  • 税种案例分析
  • 汇总缴纳增值税如何申报
  • 开发人员选项怎么改定位
  • 所得税新规定
  • 购进的货物用于赠送
  • 个人社保费需要交多少年
  • win10隐藏功能大全
  • 跨月的成本费用如何,调整
  • 小型微利企业所得税率
  • 设置bios 密码
  • 私车公用的费用可以抵税吗现在
  • 然后重装系统win7
  • amdr5 1400
  • 公司增资怎么需要什么资料
  • ecap.exe是什么
  • 使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
  • 个体工商户减免个人所得税政策
  • 森林抗锯齿
  • 物业费可以分期付款吗
  • vue侧边栏导航,右侧显示对应内容
  • 基于yolov5的目标检测实验任务
  • php判断文件类型
  • php 接口规范
  • lpstat命令
  • 给个人的返佣如何交税
  • 企业破产员工补偿标准是按上年平均工资
  • 税前利润弥补是什么意思
  • 企业残保金该什么时间交
  • 培训学校不退学费找什么部门
  • 成本核算方法是资源到作业,作业到产品吗?
  • 奖励促销策略
  • 银行保函会计处理
  • 公司账户收入多少要扣税
  • 研发和技术服务属于什么大类
  • 研发支出费用化支出期末有余额吗
  • 先付款后开发票的会计分录?
  • 代开专票作废退税怎么做账?
  • 进项发票可以退税吗
  • 清除sql表内容
  • 基本的select命令及作用
  • sql2008设置单用户模式
  • sql 语句
  • win10开始按钮点不动
  • linux中samba服务器的设计方案
  • vmware虚拟机怎么改用户名
  • win7电脑怎么设置
  • xp系统远程桌面设置
  • xp无法进入桌面怎么办
  • ubuntu系统中怎么安装mathematica13.1.0
  • 苹果系统怎么修改位置
  • win8系统崩溃按f8没用
  • scrtkfg.exe - scrtkfg是什么进程 有什么用
  • Unity3d Asset Serialization 设置错误导致SVN文件不能同步
  • Screen.sleepTimeout=SleepTimeOut.NeverSleep 禁止屏幕锁屏
  • json解析 java
  • 微信小程序吸血鬼 豹女
  • jquery弹出新窗口
  • 梦见擦窗户框
  • nodejs为什么性能这么好
  • 欢迎使用天翼智能网关
  • java script入门
  • asyncio 的 coroutine对象 与 Future对象使用指南
  • 标箭头的手机软件
  • 独资企业变更法人
  • 四川税务局网上办事大厅
  • 江西省税务局发票查询系统
  • 证券经纪人收入构成
  • 商品房开超市
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设