JQ部分知识点

选择器

①$(this).hide();
隐藏html中的元素

②$ (“p”).hide();
隐藏所有的p元素

③$ (“text”).hide();
隐藏所有class为text的元素

④$ ("#text").hide();
隐藏所有id为text的元素

JQ的显示与隐藏
隐藏 $(this).hide();

显示$(this).show();

显示与隐藏切换$(“p”).toggle();参数可以为数字时间或者slow等

淡入与淡出
淡入$("#div").fadeIn();

淡出$("#div").fadeOut();

淡入和淡出切换$("#div").fadeToggle();参数可以为数字时间或者slow等

颜色变淡$("#div").fadeTo(“slow”，0.7);

滑动
向下滑动$("#div").slideDown(“slow”);

向上滑动$("#div").slideUp(“slow”);

上下滑动切换$("#div").slideToggle(“slow”);