美文网首页饥人谷技术博客
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展示/隐藏元素

    改变元素的css中的display属性 用jQuery的show()、hide()方法 用jQuery的fadeI...

  • JQuery与JavaScript隐藏显示元素

    JQuery隐藏显示元素 JavaScript显示隐藏元素

  • Jquery显示或隐藏元素及判断显示隐藏状态

    使用JQuery隐藏元素或者显示元素的方法以及判断元素是否被隐藏

  • jQuery 淡入淡出

    通过 jQuery,您可以实现元素的淡入淡出效果。 jQuery fadeIn() 用于淡入已隐藏的元素。 1.先...

  • jQuery(动画篇)

    四、动画篇 1. 动画基础隐藏和显示 (1) jQuery中隐藏元素的hide方法 过 jQuery,您可以使用 ...

  • fade

    jQuery fadeIn(): 用于淡入已隐藏的元素$(selector).fadeIn(speed...

  • JQuery - 动画

    Ⅰ、动画基础隐藏和显示 1. jQuery中隐藏元素的hide方法 .hide( duration [, easi...

  • jQuery-动效

    jQuery显示与隐藏 show([speed,[easing],[fn]])显示隐藏的匹配元素内部的实现原理是根...

  • jQuery基础(3)

    (续jQuery基础(2)) 四、动画篇 第1章 动画基础隐藏和显示 (1)隐藏元素的hide方法 让页面上的元素...

  • jQuery - 效果(三)之 显示隐藏

    jQuery 中提供了 hide() 方法来隐藏元素、 show() 方法来显示元素。 本文目录: show...

网友评论

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

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