Dans les projets réels, nous pouvons modifier l'acquisition de données en acquisition dynamique de l'Ajax, dans getContent ()
<! Doctype> <html> <éad- head> <itle> js / jQuery se rend similaire à la fonction de recherche baidu </ title> <meta name = "auteur" contenu = "Michael"> <meta name = "Keywords" contenu = "js / jQuery réalise similaire à la fonction de recherche Baidu"> <meta name = "Description" Content = "js / jQuery réalise similaires Clavier "> <meta http-equiv =" contenu-type "contenu =" text / html; charset = utf-8 "/> <script type =" text / javascript "src =" http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js "> </ script> {position: absolue; gauche: 50%; top: 40%;} # contenu {float: gauche; position: relative; droite: 50%;} entrée {bordure: 0; largeur: 288px; hauteur: 30px; Font-Size: 16px; padding: 0 5px; line-height: 30px;}. {Background: # 87A900;}. First {Border: Solid # 87A900 2PX; Width: 300px;} # APPEND {Border: Solid # 87A900 2PX; Border-top: 0; Affichage: Aucun;} </ Style> </ Head> <Body> <div id = "Container"> <div id = "contenu"> <v> onkeyup = "getContent (this);" /> </ div> <div id = "append"> </div> </div> <script type = "text / javascrip Eyes "]; $ (document) .ready (function () {$ (document) .keydown (function (e) {e = e || window.event; var keycode = e.which? e.which: e.keycode; if (keycode == 38) {if (jQuery.trim ($ (" # annex "). (keyCode == 40) {if (jQuery.trim ($ ("# append"). html ()) == "") {return;} $ ("# kw"). blur (); if ($ (". {$ (". item"). reposerlass ('addbg'). eq (0) .addclass ('addbg');}} else if (keycode == 13) {dojob ();}}); var moveprev = function () {$ ("# kw"). blur (); var index = $ (". addbg"). == 0) {$ (". Item"). Reposovelass ('addbg'). Eq ($ (". Item"). Longueur - 1) .addclass ('addbg');} else {$ (". $ (". addbg"). prevall (). longueur; if (index == $ (". item"). length - 1) {$ (". 1. jQuery.trim ($ (obj) .val ()); if (kw == "") {$ ("# append"). hide (). html (""); return false;} var html = ""; for (var i = 0; i <data.length; i ++) {if (data [i]. "<div class = 'item' onMouseenter = 'getFocus (this)' onclick = 'getCon (this);'>" + data [i] + "</div>"}} if (html! = "") {$ ("# Append"). show (). html (html);} ailleurs {$ ("# append"). hide (). html ("");}} fonction getFocus (obj) {$ (". $ (obj) .text (); $ ("# kw"). val (valeur); $ ("# append"). hide (). html ("");} </script> </body> </html>Ce qui précède est l'invite de correspondance floue pour la boîte déroulante automatique de l'imitation JS Baidu introduite par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, laissez-moi un message. L'éditeur répondra à tout le monde à temps!