jquery 淡入淡出

速度可以用 slow  fast 或者 毫秒代替

$("button").click(function(){

$("p").hide(1000, function);

});

hide后面还可以在加一个参数,是表示在隐藏后要执行的操作,如果没有要执行的操作就为空即可。

在隐藏后的人也有显示东西基本一样就是hide变成了show。

$("button").click(function(){

$("p").hide(1000,function);

});

还有一种是互切的就是系统会自动判断你是显示还是隐藏然后会执行相反的操作。

$("button").click(function(){

$("p").toggle(1000,  function);

});

这是隐藏,表示在1秒内所有的p都会被隐藏,但这个隐藏是往左上角隐藏的。

还有一种是原地隐藏的,就是真的淡入和淡出,

fadeIn()   fadeOut()   fadeToggle()

也是一样只要把上面的hide 或者 show 或者 toggle 改成相应的函数就行。

还有一种是实现像升降式的幕布一样的向上收缩或者向下伸展。

slideUp()  slideDown()  slideTOggle() 使用方法同上

在这还可以将父节点也进行隐藏

$("button").click(function(){

$(this).parents(".fa").fadeOut(1000, function);

});

这就是将父亲中 class 是 fa 的父亲在一秒隐藏掉。

还有一个比较特别的函数 fadeTo()

里面有三个参数 一个是时间, 一个是不透明度, 一个是函数

在执行这个函数的时候他会将要淡入或者淡出的内容淡到相应的透明度然后执行你想要执行的函数, 第三项依旧是选填。

ps:在parents中父亲不止是当前的父节点, 父亲的父亲也是父亲所以会有很多的父亲。 而parent()就是只有一个就是直接的父亲

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值