jQuery中的事件和动画

事件绑定 bind()

bind() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数

$("p").bind("click",function(){
    alert("这个段落被点击了。");
});

• 第一个参数表示要绑定的事件，多个事件中间用空格隔开
• 第二个参数是需要执行的函数

绑定多个事件

$(".head").bind({
	mouseover:function(){
		$(this).next().slideDown()
	},
	mouseout:function(){
		$(this).next().slideUp()
	}
})

toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换。

$("button").click(function(){
    $("p").toggle();
});

jQuery中的动画方法

1. hide() 和 show() 隐藏或显示
   同时修改多个样式即高度、宽度、不透明度
2. fadeIn() 和 fadeOut() 只改变不透明度
3. slideUp() 和 slideDown() 只改变高度
4. toggle() 用来代替hide()和show()方法，所以会同时修改多个样式即高度、宽度。不透明度
5. slideToggle() 用来代替slideUp() 和 slideDown() 所以只能改变高度

特殊选择器this

this是JavaScript中的关键字，指的是当前的上下文对象。在js中this是动态的，可以通过call(),apply()等方法改变指向。

在jquery中需要把this加工成jquery对象。

$this=$(this)

this表示当前的上下文对象是一个html的DOM对象，可以调用html对象所拥有的属性和方法。$(this)代表的上下文对象是一个jquery的上下文对象，可以调用jquery的方法和属性。

jQuery中的方法

方法	功能描述
show()	显示隐藏的匹配元素，可带整数参数表示时间，单位是毫秒
hide()	隐藏显示的匹配元素，可带整数参数表示时间，单位是毫秒
css(name,value)	给匹配的元素设置css样式
text(string)	获取或设置匹配元素的文本内容,不包含html标签
filter(expr)	筛选出与指定表达式匹配的元素集合，其中expr可以是多个选择器的组合。
addClass(class)	为匹配的元素增加一个 类样式
removeClass(class)	为匹配的元素移除一个类样式
html()	获取或设置匹配元素的内容，包含html标签
siblings()	$(“.abc”).siblings()匹配得到class=abc的其它兄弟元素