jQuery基础(一)

一:jQuery效果篇
为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
我们将 jQuery 函数位于一个 document ready 函数中:

$(document).ready(function(){

});

//简洁写法(与以上写法效果相同):
$(function(){
   // 开始写 jQuery 代码...
});

显示与隐藏方法,是通过设置dom元素的display属性为none来实现隐藏的
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:“slow”、“fast” 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

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

$(selector).toggle(speed,callback)//开关,根据当前状态显示或隐藏。
淡入淡出
$(selector).fadeIn(speed,callback);淡入(出现);
$(selector).fadeOut(speed,callback);淡出(消失);
$(selector).fadeToggle(speed,callback);
jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。
语法:
$(selector).fadeTo(speed,opacity,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:“slow”、“fast” 或毫秒。;
滑动
$(selector).slideDown(speed,callback);
$(selector).slideUp(speed,callback);
$(selector).slideToggle(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:“slow”、“fast”

猜你喜欢

转载自blog.csdn.net/qq_41611820/article/details/83621003