饥人谷技术博客

jQuery展示/隐藏元素

2017-04-29  本文已影响19人  辉夜乀

改变元素的css中的display属性

$(".box").css("display", "block");
    //设置元素的display为block
$(".box").css("display", "none");
    //设置元素的display为none

用jQuery的show()、hide()方法

$(".box").show();
    //如果被选元素已被隐藏,则显示这些元素:
$(".box").hide();
    //如果被选的元素已被显示,则隐藏该元素。

用jQuery的fadeIn()、fadeOut()方法

$(".box").fadeIn();
   //fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。
$(".box").fadeOut();
   //fadeOut() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。
上一篇下一篇

猜你喜欢

热点阅读