JQuery显示隐藏页面元素的方法总结

前端之家收集整理的这篇文章主要介绍了JQuery显示隐藏页面元素的方法总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在jquery中显示隐藏div方法方法有很多种,如比较简单的函数show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作,下面我来介绍。

show()方法

显示出隐藏的

元素。

代码如下:

toggle()方法

toggle() 方法切换元素的可见状态。 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

代码如下:

This is a paragraph.

slideDown()方法

以滑动方式显示隐藏的

元素:

代码如下:

hide() 方法

隐藏可见的

元素:

代码如下:
这个函数经常与show一起使用

css()方法

css() 方法设置或返回被选元素的一个或多个样式属性

返回 CSS 属性 如需返回指定的 CSS 属性的值,请使用如下语法:

代码如下:
看一个实例
代码如下:

div里内容显示隐藏特效

显示" onclick="show()"/> 效果显示2" onclick="slide()"/> 效果的切换" onclick="slideToggle()"/> 显示效果切换" onclick="toggle()"/>

原文链接:https://www.f2er.com/jquery/54752.html

猜你在找的jQuery相关文章