jQuery监控文本框事件并作相应处理的方法

更新时间：2015年04月16日 11:51:03 作者：songguo

这篇文章主要介绍了jQuery监控文本框事件并作相应处理的方法,涉及jQuery操作文本框的技巧,需要的朋友可以参考下

本文实例讲述了jQuery监控文本框事件并作相应处理的方法。分享给大家供大家参考。具体如下：

//事情委托
$(document)
 .on('input propertychange', '#query', function(){
  var input = $(this).val();
  show(input);
 });
 var show = function(txt){
  var info = '监听：<b>' + txt + '</b><br /><br />'
  + '相关搜索：<br />' + showTags(txt);
  $('.info').html(info);
 }
 var showTags = function(txt){
  var tag = '';
  if(txt.length){
   for (var i = 0; i < 3; i++) {
    tag += '<span class="tag">'+txt+'相关'+i+'</span>';
   };
  }
  return tag;
}

希望本文所述对大家的jQuery程序设计有所帮助。

您可能感兴趣的文章:

jQuery Mobile开发中日期插件Mobiscroll使用说明
这篇文章主要介绍了jQuery Mobile开发中日期插件Mobiscroll使用说明,需要的朋友可以参考下
2016-03-03
jquery easyui dataGrid动态改变排序字段名的方法
jQuery easyui dataGrid 动态改变排序字段名，一般情况下，在使用的时候，我们会点击相应字段进行排序。今天小编以java为例给大家讲解问题原因及解决方案，需要的的朋友参考下
2017-03-03
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
本篇文章主要介绍了JQuery实现文字无缝滚动效果示例代码(Marquee插件)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2017-03-03
jquery 使用简明教程
jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果
2014-03-03
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
下面小编就为大家带来一篇JQuery和html+css实现带小圆点和左右按钮的轮播图实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
jquery操作cookie插件分享
在网页客户端，我们经常会遇到读取或者设置cookie的情况，如果用纯生的js我们可能会遇到一些兼容性带来的麻烦，这里给大家介绍一个比较实用jquery操作cookie的插件
2014-01-01
jQuery EasyUI常用数据验证汇总
这篇文章主要为大家详细汇总了jQuery EasyUI常用数据验证,介绍了validatebox()提供的自定义验证，感兴趣的小伙伴们可以参考一下
2016-09-09
jquery如何把数组变为字符串传到服务端并处理
这篇文章主要介绍了jquery如何把数组变为字符串传到服务端并处理,需要的朋友可以参考下
2014-04-04
jQuery中的height innerHeight outerHeight区别示例介绍
这篇文章主要介绍了jQuery中的height innerHeight outerHeight的区别,需要的朋友可以参考下
2014-06-06
jQuery中复合选择器简单用法示例
这篇文章主要介绍了jQuery中复合选择器简单用法,结合实例形式分析了jQuery中复合选择器的概念、功能、应用场景及相关使用方法,需要的朋友可以参考下
2018-03-03