jQuery-学习积累-1

一、 jQuery 函数都应该位于一个 document ready 函数中，

      jQuery的作用：为了防止文档在未完全加载时运行jQuery代码，未加载完之前运行代码，很可能会出错

$(document).ready(function(){
	$("p").click(function{
		$(this).hide();
	});
});

二、常用事件学习

1、click() 方法是当按钮点击事件被触发时会调用一个函数。

2、dblclick() 当双击元素时，会发生 dblclick 事件。

3、mouseenter() 当鼠标指针穿过元素时，会发生 mouseenter 事件。

4、mouseleave() 当鼠标指针离开元素时，会发生 mouseleave 事件。

5、mousedown() 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。

6、mouseup() 当在元素上松开鼠标按钮时，会发生 mouseup 事件。

7、hover()  方法用于模拟光标悬停事件。当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。

8、focus() 当元素获得焦点时，发生 focus 事件。当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。

9、blur() 当元素失去焦点时，发生 blur 事件。

三、jQuery的隐藏与显示hide();   与   show();

语法：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

参数解释：

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

四、jQuery的淡入淡出    fadeIn()   fadeOut()   fadeToggle()   fadeTo()

 1、fadeIn() 用于淡入已隐藏的元素。

2、fadeOut() 方法用于淡出可见元素。

3、fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入，则      

     fadeToggle() 会向元素添加淡出效果。

4、 fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。

语法：

前三种语法一致：$(selector).fadeIn(speed,callback);

参数解释：可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

1、可选的 callback 参数是 fading 完成后所执行的函数名称。

2、第四种语法： $( selector ).fadeTo( speed,opacity,callback );

参数解释：

1、必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

2、fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

3、可选的 callback 参数是该函数完成后所执行的函数名称。