jquery kotak carian kesan kaedah pelaksanaan_jquery

Contoh dalam artikel ini menerangkan cara melaksanakan kesan kotak carian jquery. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut: jquery: kesan kotak carian $(fungsi(){ $('#search').val("Sila masukkan kandungan carian").addClass("c1"); $('#search').focus(function(){//Apabila kotak carian mendapat fokus $('#search').val("").addClass("c2"); }); $('#search').blur(function(){//Apabila kotak carian hilang fokus If($('#search').val()==""){ $('#search').val("Sila masukkan kandungan carian").attr("class","c1"); } }); }); .c1{color:grey;font-style:italic;} .c2{color:#000;font-style:normal;} Cari Nota tambahan: Ia tidak sempurna Jika kotak carian pada asalnya mempunyai gaya lain, apabila ia hilang fokus, jika kod dalam contoh digunakan, gaya lain akan hilang, kerana attr() adalah untuk menetapkan gaya. Jika anda menggunakan addClass() untuk menambah gaya, ia tidak begitu sesuai Walaupun ia boleh mencapai kesan, gaya c2 asal masih ada, dan ia hanya digantikan dengan gaya c1 apabila dipaparkan (ini memerlukan gaya c1 untuk. ditulis selepas c2). Nampaknya tiada cara untuk menggantikan gaya? Selepas pengubahsuaian, masalah di atas diselesaikan, dan ia adalah versi yang lebih sempurna (kod juga boleh dioptimumkan untuk menjadikannya lebih mudah)

Salin kod Kod adalah seperti berikut: jquery: kesan kotak carian $(fungsi(){ $('#search').val("Sila masukkan kandungan carian").addClass("c1"); $('#search').focus(function(){//Apabila kotak carian mendapat fokus If($('#search').val()=="Sila masukkan kandungan carian"){ $('#search').val("").addClass("c2").removeClass("c1"); } }); $('#search').blur(function(){//Apabila kotak carian hilang fokus If($('#search').val()==""){ $('#search').val("Sila masukkan kandungan carian").addClass("c1").removeClass("c2"); } }); }); .c1{color:grey;font-style:italic;} .c2{color:#000;font-style:normal;} Cari Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.