//事情委托
$(document)
 .on('input propertychange', '#query', function(){
  var input = $(this).val();
  show(input);
 });
 var show = function(txt){
  var info = '監(jiān)聽：<b>' + txt + '</b><br /><br />'
  + '相關(guān)搜索：<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+'相關(guān)'+i+'</span>';
   };
  }
  return tag;
}

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明
這篇文章主要介紹了jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明,需要的朋友可以參考下
2016-03-03
jquery easyui dataGrid動態(tài)改變排序字段名的方法
jQuery easyui dataGrid 動態(tài)改變排序字段名，一般情況下，在使用的時候，我們會點擊相應(yīng)字段進(jìn)行排序。今天小編以java為例給大家講解問題原因及解決方案，需要的的朋友參考下
2017-03-03
JQuery實現(xiàn)文字無縫滾動效果示例代碼(Marquee插件)
本篇文章主要介紹了JQuery實現(xiàn)文字無縫滾動效果示例代碼(Marquee插件)，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-03-03
jquery 使用簡明教程
jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計，全世界排名前100萬的網(wǎng)站，有46%使用jQuery，遠(yuǎn)遠(yuǎn)超過其他庫。微軟公司甚至把jQuery作為他們的官方庫。對于網(wǎng)頁開發(fā)者來說，學(xué)會jQuery是必要的。因為它讓你了解業(yè)界最通用的技術(shù)，為將來學(xué)習(xí)更高級的庫打下基礎(chǔ)，并且確實可以很輕松地做出許多復(fù)雜的效果
2014-03-03
JQuery和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例
下面小編就為大家?guī)硪黄狫Query和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
jquery操作cookie插件分享
在網(wǎng)頁客戶端，我們經(jīng)常會遇到讀取或者設(shè)置cookie的情況，如果用純生的js我們可能會遇到一些兼容性帶來的麻煩，這里給大家介紹一個比較實用jquery操作cookie的插件
2014-01-01
jQuery EasyUI常用數(shù)據(jù)驗證匯總
這篇文章主要為大家詳細(xì)匯總了jQuery EasyUI常用數(shù)據(jù)驗證,介紹了validatebox()提供的自定義驗證，感興趣的小伙伴們可以參考一下
2016-09-09
jquery如何把數(shù)組變?yōu)樽址畟鞯椒?wù)端并處理
這篇文章主要介紹了jquery如何把數(shù)組變?yōu)樽址畟鞯椒?wù)端并處理,需要的朋友可以參考下
2014-04-04
jQuery中的height innerHeight outerHeight區(qū)別示例介紹
這篇文章主要介紹了jQuery中的height innerHeight outerHeight的區(qū)別,需要的朋友可以參考下
2014-06-06
jQuery中復(fù)合選擇器簡單用法示例
這篇文章主要介紹了jQuery中復(fù)合選擇器簡單用法,結(jié)合實例形式分析了jQuery中復(fù)合選擇器的概念、功能、應(yīng)用場景及相關(guān)使用方法,需要的朋友可以參考下
2018-03-03