Heim >Web-Frontend >js-Tutorial >Implementierung des jquery-Suchfeldeffekts method_jquery

Implementierung des jquery-Suchfeldeffekts method_jquery

WBOY
WBOYOriginal
2016-05-16 16:19:551537Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie der JQuery-Suchfeldeffekt implementiert wird. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:


jquery: Suchfeldeffekt








Ergänzender Hinweis: Wenn das Suchfeld ursprünglich andere Stile hatte und der Code im Beispiel verwendet wird, sind die anderen Stile verschwunden, da attr() den Stil festlegen soll. Wenn Sie addClass() zum Hinzufügen eines Stils verwenden, ist dieser nicht sehr geeignet. Obwohl er den Effekt erzielen kann, ist der ursprüngliche c2-Stil immer noch vorhanden und wird bei der Anzeige einfach durch den c1-Stil ersetzt nach c2 geschrieben werden). Es scheint keine Möglichkeit zu geben, den Stil zu ersetzen?

Nach der Änderung sind die oben genannten Probleme gelöst und es handelt sich um eine perfektere Version (der Code kann auch optimiert werden, um ihn einfacher zu machen)

Code kopieren Der Code lautet wie folgt:


jquery: Suchfeldeffekt







Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn