jQuery menambah kotak carian Ajax untuk memasukkan teks dan melengkapkan kod secara automatik
teks input kotak carian jQuery+Ajax untuk melengkapkan kod secara automatik, kotak lungsur penyiapan automatik carian Baidu tiruan dilaksanakan menggunakan Ajax untuk memaparkan pilihan senarai yang berkaitan.
JsonpAjax.js mengandungi kod
$(function(){ //当键盘键被松开时发送Ajax获取数据 $('#text').keyup(function(){ var keywords = $(this).val(); if (keywords=='') { $('#word').hide(); return }; $.ajax({ url: 'http://suggestion.baidu.com/su?wd=' + keywords, dataType: 'jsonp', jsonp: 'cb', //回调函数的参数名(键值)key // jsonpCallback: 'fun', //回调函数名(值) value beforeSend:function(){ $('#word').append('<div>正在加载。。。</div>'); }, success:function(data){ $('#word').empty().show(); if (data.s=='') { $('#word').append('<div class="error">Not find "' + keywords + '"</div>'); } $.each(data.s, function(){ $('#word').append('<div class="click_work">'+ this +'</div>'); }) }, error:function(){ $('#word').empty().show(); $('#word').append('<div class="click_work">Fail "' + keywords + '"</div>'); } }) }) //点击搜索数据复制给搜索框 $(document).on('click','.click_work',function(){ var word = $(this).text(); $('#text').val(word); $('#word').hide(); // $('#texe').trigger('click');触发搜索事件 }) })Jquery adalah salah satu teknologi penting yang diperlukan untuk pengaturcaraan web. Jquery ialah satu lagi rangka kerja Javascrīpt yang sangat baik selepas prototaip Ia adalah perpustakaan js yang ringan (hanya 21k selepas pemampatan Ia serasi dengan CSS3 dan pelbagai pelayar). jQuery membolehkan pengguna memproses dokumen dan acara HTML dengan lebih mudah, melaksanakan kesan animasi, dan menyediakan interaksi AJAX dengan mudah untuk tapak web. Satu lagi kelebihan besar jQuery ialah dokumentasinya sangat lengkap dan pelbagai aplikasinya dijelaskan secara terperinci Terdapat juga banyak pemalam matang untuk dipilih. jQuery boleh memisahkan kod dan kandungan HTML halaman HTML pengguna, maksudnya, tidak perlu memasukkan sekumpulan js dalam HTML untuk memanggil arahan. Kitaran pembangunan adalah pendek, cepat untuk bermula, tahap kemasukan rendah, tetapi sukar untuk memajukan kesan khas jquery yang biasa digunakan, peta fokus jquery, tab jquery, bar skrol jquery, iklan drop-down jquery, pemuatan tertunda imej jquery, dsb. , kod jquery, kesan kaca pembesar, kod pengiklanan jquery, Navigasi jquery, perkhidmatan pelanggan dalam talian jquery, kod album foto jquery, dsb.
Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn
Artikel Berkaitan
16 May 2016
Artikel ini berkongsi nota kajian kesan animasi jquery, yang menyediakan analisis terperinci tentang kesan animasi jquery, dan menerangkan prinsip kesan fade-in dan fade-out dan kesan gelongsor Jika anda ingin mempelajari kesan animasi jquery dengan baik, baca artikel ini dengan sabar saya percaya anda akan menemui sesuatu yang tidak dijangka.
28 May 2023
jQuery ialah perpustakaan JavaScript berkuasa yang sangat memudahkan kerja pembangun dan pereka. Antaranya, kesan animasi Jquery telah menjadi salah satu elemen terpenting dalam reka bentuk. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mencipta kesan animasi. 1. Kesan animasi jQuery Kesan animasi jQuery biasanya dilaksanakan menggunakan fungsi animate(). Ia membolehkan pengaturcara mencipta animasi peralihan pada satu atau lebih sifat CSS. fungsi animate() memerlukan
26 Apr 2023
Dalam pembangunan bahagian hadapan, kita selalunya perlu menggunakan jQuery untuk mengendalikan beberapa kesan interaktif dan kesan animasi, seperti kesan animasi apabila tetikus melayang, kesan animasi apabila halaman dimuatkan, dsb. Tetapi kadangkala kita perlu menetapkan masa penangguhan supaya kesan ini dapat dinyatakan dengan lebih baik. Jadi, bagaimanakah jQuery menetapkan kelewatan? Artikel ini akan memperkenalkan isu ini secara terperinci. 1. Kaedah kelewatan dalam jQuery Dalam jQuery, kesan kelewatan boleh dicapai dengan mudah dengan menggunakan kaedah kelewatan(). Kaedah kelewatan() boleh digunakan
23 May 2023
Dengan populariti Internet, aplikasi kesan menaip menjadi semakin meluas, dan kesan menaip jquery telah menjadi pilihan pertama banyak pembangun laman web. Walau bagaimanapun, dalam proses merealisasikan kesan khas ini, isu terperinci sering menjejaskan pengalaman pengguna, seperti masalah pemadaman kesan khas menaip. Artikel ini akan memperkenalkan cara menggunakan kesan menaip jquery untuk menghentikan pemadaman dan meningkatkan pengalaman menyemak imbas pengguna. Pelaksanaan kesan menaip jquery boleh menggunakan pemalam siap pakai, seperti typed.js dan jQuery.Typewriter. Pemalam ini adalah berdasarkan jquery
27 Feb 2024
Bagaimana untuk menggunakan kesan sorotan dalam jQuery? Dalam pembangunan web, kesan sorotan ialah reka bentuk interaktif biasa yang boleh menyerlahkan elemen tertentu dan menarik perhatian pengguna. Dalam jQuery, kesan penonjolan boleh dicapai melalui kod mudah, menambahkan beberapa kesan dinamik dan visual pada halaman web. Artikel ini akan memperkenalkan cara untuk melaksanakan kesan penonjolan dalam jQuery dan memberikan contoh kod khusus. Mula-mula, pastikan anda memasukkan perpustakaan jQuery dalam halaman web anda. Anda boleh menambah tag
12 May 2023
Dalam pembangunan web, penyerlahan ialah kesan yang sangat biasa digunakan, yang membolehkan pengguna melihat dengan lebih intuitif kepentingan atau status elemen tertentu pada halaman. Dalam pembangunan bahagian hadapan, jQuery, sebagai perpustakaan JavaScript yang sangat berkuasa, boleh membantu kami mencapai kesan penyerlahan dengan cepat. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mencapai kesan penonjolan, termasuk yang berikut: 1. Pemilih jQuery 2. Operasi gaya jQuery 3. Pelaksanaan penonjolan jQuery ## Pemilih jQuery Dalam jQuery, pilih
24 Feb 2024
Tajuk: Mencapai elemen pudar yang elegan melalui animasi jQuery Sebagai perpustakaan JavaScript yang terkenal, jQuery menyediakan pelbagai kesan dan kaedah animasi, yang boleh mencapai kesan dinamik elemen dalam halaman web dengan mudah. Antaranya, kesan fade-out elemen adalah salah satu daripada kesan interaksi laman web yang biasa. Berikut ialah contoh kod khusus untuk menunjukkan cara mencapai kesan fade-out elegan elemen melalui animasi jQuery. Pertama, kita perlu memperkenalkan perpustakaan jQuery ke dalam fail HTML, yang boleh dipautkan melalui CDN atau dimuat turun secara tempatan
16 May 2016
Artikel ini memperkenalkan anda kepada ensiklopedia kesan jquery untuk mencipta kesan khas untuk markah peperiksaan kesihatan komputer, dan disertakan dengan muat turun kod sumber Rakan yang berminat dengan ensiklopedia kesan jquery boleh belajar bersama.
16 May 2016
Artikel ini terutamanya memperkenalkan kod kesan bentuk cantik yang dilaksanakan oleh jQuery Ia menganalisis kaedah pelaksanaan kesan borang penghantaran ekspres simulasi jquery dengan contoh Kesan keseluruhannya cantik dan murah hati, dan mempunyai nilai praktikal yang hebat .
Hot Tools
jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine
Kesan khas animasi bunga api pengakuan Hari Valentine jQuery yang sangat popular pada Douyin, sesuai untuk pengaturcara dan pakar teknikal untuk menyatakan cinta mereka kepada gadis yang mereka cintai Tidak kira anda suka atau tidak, anda perlu bersetuju pada akhirnya.
templat antara muka log masuk animasi responsif layui
templat antara muka log masuk animasi responsif layui
520 Kesan khas animasi web pengakuan Hari Valentine
jQuery Animasi Pengakuan Hari Valentine, Animasi Latar Belakang 520 Pengakuan
Halaman log masuk sistem yang keren
Halaman log masuk sistem yang keren
Pemain muzik pita HTML5-CASSETTE PLAYER
Pemain muzik pita HTML5-CASSETTE PLAYER