jQuery 效果- 隐藏和显示

隐藏和显示如图所示:

jQuery hide() 和 show()

可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,它的语法为

    $(selector).hide(speed,callback);

    $(selector).show(speed,callback);

    speed :显示元素出现的速度,通常以毫秒表示,也可以使用fast和slow 。

callback :(可选) 参数是隐藏或显示完成后所执行的函数名称。

下面写出了hide(speed)方法和show(speed)方法:


//  body部分

    
    
    

p1

下面例子写出了带有 speed 参数的 hide() 方法,并使用回调函数:

// style 样式

// body部分

    
隐藏以及设置回调函数

效果如下图所示:

jQuery 效果- 隐藏和显示_第1张图片

 jQuery toggle()

语法:$(selector).toggle(speed,callback);

也可以使用 toggle() 方法来切换 hide() 和 show() 方法。

toggle():显示被隐藏的元素,并隐藏已显示的元素

    
    

这是一段非常多的一段非常多的一段非常多的一段文字

效果如下图:

你可能感兴趣的:(jQuery,jquery,html)