美文网首页饥人谷技术博客
jQuery展示/隐藏元素

jQuery展示/隐藏元素

作者: 辉夜乀 | 来源:发表于2017-04-29 06:53 被阅读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() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。
    

    相关文章

      网友评论

        本文标题:jQuery展示/隐藏元素

        本文链接:https://www.haomeiwen.com/subject/zhuazttx.html