手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery隐藏元素的方法

时间:2024-10-13 17:37:04

1、打开编辑器,新建一个HTML文档,然后我们设置好基本的结构。

jquery隐藏元素的方法

2、然后我们要在head标签里面加入script标签,并且指明jquery库文件的位置。

jquery隐藏元素的方法

3、这里创建三个li,我们等会要求按消失其中一个。

jquery隐藏元素的方法
jquery隐藏元素的方法

4、这里创建一个js文件,用于编写jquery代码。然后我们为每个标签加上id,方便隐藏元素。

jquery隐藏元素的方法

5、$(function(){ $("#one").hi蟠校盯昂de();})比如我们要id为one的标签隐藏,那么用hide即可。

jquery隐藏元素的方法
jquery隐藏元素的方法

6、$("#one").hide(1000);我们也可以在hide里面加入数字,数字表示多少时间后会消失,这样就会产生一个渐渐消失的效果出来。

jquery隐藏元素的方法
© 手抄报圈