JQuery常用选择器和事件

JQuery常用选择器:

JQuery常用事件

鼠标事件：
mouseover /mouseout: 如果包含子节点，无论是否移入移出子节点和本身都会触发
mouseenter/mouseleave: 只有本身移入移出的时候，才会触发

键盘事件：
keydown: 键盘按下事件

示例：$("input").keydown(e){
					console.info("键盘被按下了！");
			  };

keyperss：文本输入事件

示例：$("input").keyperss(){
					console.info("按下键盘之后触发的文本录入事件");
			  };
		keyup: 键盘松开事件
				示例：$("input").keyup(){
							console.info("键盘松开了");
					  };

浏览器窗体大小改变事件：
resize();
示例：

$(window).resize(function(){
			console.info("您正在修改窗体的大小");
		})

绑定事件：
bind(type,[data],fn());
单个绑定事件：

$('p').bind("click",function(){
					console.info("给p标签绑定了一个单击事件");
				})

多个绑定事件：

$("p").bind({
		click:function(){
			console.info("给p标签绑定了一个单击事件");
		},
		mouseout:function(){
			console.info("给p标签绑定鼠标移出事件");
		}
	});

解除事件：

unbind(type,[data],[fn1]);
解除指定事件：$("p").unbind("click");
解除全部事件：$("p").unbind();

复合事件：
hover(enter,leaver);//相当于鼠标移入和移出事件的集合
代码示例：

$("p").hover(function(){
				$("span").show();
			},
			function(){
				$("span").hide();
			}
		);

toggle(fn1,fn2,…fnN);//鼠标连续点击事件
示例：

$("p").toggle(); //不带参数，相当于显示和隐藏的效果

toggleClass();//切换和删除样式

动画
显示隐藏 :

       show(1000,function(){
 		console.info("执行显示完毕之后的操作！");
			})
		hide("slow",function(){
				console.info("执行隐藏完毕之后的操作！");
			});

淡入淡出：

fadeIn(1000,function(){
	console.info("执行淡入完毕之后的操作！");
})
fadeOut(1000,function(){
	console.info("执行淡出完毕之后的操作！");
});

滑动：

slideUp(1000,function(){ //向上滑动		
});
slideDown(1000,function(){//向下滑动
})

自定义动画效果函数：

animate({"fontSize":"14px","color":"red"},1000,function(){
	console.info("自定义动画执行完毕之后的操作！");
});`