mise en œuvre de l'effet de boîte de recherche jquery method_jquery

L'exemple de cet article décrit comment implémenter l'effet de champ de recherche jquery. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

Recherche

Remarque complémentaire : ce n'est pas parfait. Si le champ de recherche avait à l'origine d'autres styles, lorsqu'il perd le focus, si le code de l'exemple est utilisé, les autres styles disparaîtront, car attr() doit définir le style. Si vous utilisez addClass() pour ajouter un style, cela n'est pas très approprié. Bien qu'il puisse obtenir l'effet, le style c2 d'origine est toujours là et il est simplement remplacé par le style c1 lorsqu'il est affiché (cela nécessite que le style c1 soit utilisé). être écrit après c2). Il ne semble y avoir aucun moyen de remplacer le style ?

Après modification, les problèmes ci-dessus sont résolus, et c'est une version plus parfaite (le code peut aussi être optimisé pour le rendre plus simple)

Copier le code Le code est le suivant :

Recherche

J'espère que cet article sera utile à la programmation jQuery de chacun.