jQuery实例方法 — 动画
动画相关方法 hide()隐藏、show()展示、toggle() // 移入p标签ul显示,移出整体时隐藏ul < style > .demo { width : 100px ; border : 1px solid black ; } ul { display : none ; } </ style > < div class = " demo " > < p > Rose </ p > < ul > < li > li-1 </ li > < li > li-2 </ li > < li > li-3 </ li > </ ul > </ div > // 由hide转为show时,你没有设置display属性时它会给你添加默认的,这个就会给ul添加block属性,添加了属性时按照你添加的来,且它们会把透明度宽高等一起变化 $ ( 'p' ) . on ( 'mouseenter' , function ( ) { $ ( this ) . next ( ) . show ( 3000 , 'swing' ) ; // 利用3秒将这个ul显示出来,第二个参数是你以什么运动方式显示出来,swing先慢再快再慢 } ) ; $ ( '.demo' ) . on ( 'mouseleave' , function ( ) { $ ( 'ul' ) . hide ( 3000 ,