jquery搜尋框效果實作方法_jquery

本文實例講述了jquery搜尋框效果實作方法。分享給大家供大家參考。具體實作方法如下：

複製程式碼 程式碼如下:

搜尋

補充說明：有些不完美，如果搜尋框原來還有其它樣式，當失去焦點時，如果採用例子中的程式碼，那其它樣式也會沒了，因為attr()為設定樣式。如果採用addClass()為追加樣式，也不太合適，雖然能達到效果，但原來的c2樣式還在，顯示時被c1樣式替換而已（這需要c1樣式寫在c2後面）。好像沒有替換樣式的方法？

修改後解決上面的問題，較完美版本（程式碼還可以最佳化更簡單）

複製程式碼 程式碼如下:

搜尋

希望本文所述對大家的jQuery程式設計有所幫助。