您好,欢迎访问一九零五行业门户网

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

在jquery中显示隐藏div方法方法有很多种,如比较简单的函数show(),hide(),toggle(),slidedown()然后还有css设置div的style属性都可操作,下面我来介绍。
show()方法
显示出隐藏的
元素。
复制代码 代码如下:
$(.btn2).click(function(){
  $(p).show();
});
toggle()方法toggle() 方法切换元素的可见状态。
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
复制代码 代码如下:
this is a paragraph.
toggle
slidedown()方法
以滑动方式显示隐藏的
元素:
复制代码 代码如下:
$(.btn2).click(function(){
  $(p).slidedown();
});
hide() 方法隐藏可见的
元素:
复制代码 代码如下:
$(.btn1).click(function(){
  $(p).hide();
});
这个函数经常与show一起使用css()方法
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 css 属性
如需返回指定的 css 属性的值,请使用如下语法:
复制代码 代码如下:
css(propertyname);
$(p).css(display,none);
看一个实例
复制代码 代码如下:
div里内容的显示隐藏特效
1.测试例子
2.测试例子
3.测试例子
4.测试例子
5.测试例子
6.测试例子
7.测试例子
8.测试例子
9.测试例子
0.测试例子
其它类似信息

推荐信息