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

WBOY
Release: 2016-05-16 16:03:42
Original
1521 people have browsed it

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

show()方法

显示出隐藏的

元素。

复制代码代码如下:

$(".btn2").click(function(){
$("p").show();
});

toggle()方法

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

复制代码代码如下:







This is a paragraph.





slideDown()方法

以滑动方式显示隐藏的

元素:

复制代码代码如下:

$(".btn2").click(function(){
$("p").slideDown();
});

hide() 方法

隐藏可见的

元素:

复制代码代码如下:

$(".btn1").click(function(){
$("p").hide();
});

这个函数经常与show一起使用

css()方法

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

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

复制代码代码如下:

css("propertyname");
$("p").css("display","none");

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









div里内容的显示隐藏特效










Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!