<! DOCTYPE html>. div1{width:600px; height:300px; background:red;}. div2{width:300px; height:200px; background:yellow;}</style><script src= '. /jquery-3.1.1.min.js ' ></script><script>$(function(){ $('. Div1 '). Hover (function(){ //$ (this). CSS (' background ', ' blue '); //$ ('. Div2 '). Show (+); //$ ('. Div2 '). FadeOut ();$ ('. Div2 ')). Slideup (); }, function(){ //$ (this). CSS (' background ', ' yellow '); //$ ('. Div2 '). Hide (+); //$ ('. Div2 '). FadeIn ();$ ('. Div2 ')). Slidedown (); });});</script>hover (), mouse move out parameter 1 move in Parameter 2 move out<br/> Hover (function(){},function() {}) <br/> Show (), Hide (), Hidden <br/> $ ('. Div2 '). The show () parameter is the motion time <BR/&G TFadeOut () fades in FadeIn fades $ ('. Div2 '). FadeIn (); parameter is change time <br/> slideup (); Change upward slidedown (); Change down <br/> $ ('. Div2 '). Slidedown (); parameter is change time <br/> </div><div class= "Div2" ></div></body>jquery--commonly used functions 2