jquery 部分动画效果

jquery 部分动画效果

$("p").siblings(".selected");
查找每个 p 元素的所有类名为 "selected" 的所有同胞元素:
$("p").fadeIn();
使用淡入效果来显示一个隐藏的 

元素:

$("p").fadeOut();
使用淡出效果来隐藏一个 

元素:

$("p").find("span").css('color','red');
搜索所有段落中的后代 span 元素,并将其颜色设置为红色:
$("#box").animate({height:"300px"});
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。

$("#div1").delay("slow").fadeIn();

delay() 方法对队列中的下一项的执行设置延迟。

滑出

$(document).ready(function(){
  $(".flip").click(function(){
    $(".panel").slideDown("slow");
  });
});

收起

$(document).ready(function(){
  $(".flip").click(function(){
    $(".panel").slideUp("slow");
  });
});
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});

添加/删除样式(没有就添加,有就删除)

$("ul li").toggleClass("current");


回复列表



回复操作

正在加载验证码......

请先拖动验证码到相应位置

发布时间:2017-08-08 10:27:53

修改时间:2018-07-09 12:00:01

查看次数:1356

评论次数:0