Jquery中的事件

1.jquery中事件
jquery中的事件主要对JS中的事件进行的一个包装
只是说JS中的事件是以属性的方式展示的，而JQ中把JS
中的事件从属性变成了方法
2.JS中的事件是以冒泡的方式执行的？
所谓冒泡就是事件的执行顺序，顺序是从里到外的
如果想阻止 事件的冒泡，可以采用两种方式：
一种：就是调用事件对象(event)的e.stopPropagation()
但是这种方式会有兼容性问题，
二种：就是在事件执行完后，加一个return false;这种
写法不会有兼容性问题
所以如果想禁掉超链接的默认事件，就可以这么写：
$(function(){
$("a").click(function(){
return false;
});
});
3.常用的事件：分为基础事件和复合事件
基础事件：
window事件：加载事件，关闭窗口事件
鼠标事件：click,mouseover,mouseout
键盘事件：keyDown,keyUp,keyPress
表单事件:focus,blur,submit
复合事件：
hover: 就是把鼠标的移上来和移出去的事件进行组合
toggle：如果传参，并且参数都是function，表示模拟鼠标的连续点击事件
如果不传参，模拟的是元素的显示和隐藏的效果
如果传的参数第一个是速度，第二个是function,表示模拟还
是元素的显示和隐藏，只是速度会根据第一个参数来决定
4.手动的给元素绑定事件，可以通过bind方法或者on方法：
//第一种给按钮绑定的方法
/*$("input").click(function(){
alert("我是一个小按钮");
});*/
//第二种给按钮绑定事件的方法
/*$("input").bind("click",function(){
$(this).val("点击我吧");
});*/
//这个按钮有两个事件，一个是点击，一个是鼠标移上来，并且这两
//个事件的功能一致,也可以用bind方法，在第一个参数里写多个事件即可，多
//个事件之间用空格隔开
/*$("input").bind("click mouseout",function(){
$(this).val("点击我吧");
});*/
//这个按钮有三个事件，每个事件的功能都不一样，也可以用bind方法
//只不过这个方法里的参数以一种叫做JSON的格式来传递
$("input").bind({
click:function(){$(this).val("小黑");},
mouseover:function(){$(this).css("background-color","red");},
mouseout:function(){$(this).css("background-color","gray");}
});
5.给元素解绑事件：可以通过unbind()
//给元素指定的事件解绑
//$("input").unbind("mouseout");
//如果该方法没传参数表示该元素上的所有事件都被解绑了
$("input").unbind();
注意：bind事件和unbind事件在1.9的版本有替代品 
分别是on和off来替换，toggle方法也是在1.9的版本中给移除掉了
所以如果在高版本中想用，想装相应的插件才能恢复原功能
6.常用的动画效果：
show():表示让隐藏的元素显示
hide()：表示让显示的元素隐藏
可以加参数：有三个参数：
第一个参数：表示显示或者隐藏的速度，单位是毫秒，当然也有三个常量值：
分别是:"slow","normal","fast
第二个参数：表示动画切换的效果，默认值是swing，也可以写linear
通常就用默认值
第三个参数：指动画执行完后回调的函数


7jquery操作dom元素
也可以对元素实现增，删，改，查，复制，替换
增：创建新元素的时候，直接写html标签，把它们放在$()，就会产生一个新的节点
在父元素里添加元素的方法
append()：在父元素末尾追加
prepend()：在父元素开始插入
在同辈元素之间添加
after():在同辈元素之后添加
before()：在同辈元素这前添加
删除：
remove():删除元素
empty()：清空元素
查：根据各种选择器来查找 元素
复制：clone()
该方法有一个参数，值为true/false,如果为true,表示把源元素的事件也复制了
如果为false，表示不复制地源元素的事件
替换:replaceWith():
8.jquery中有一些复合作用的方法：
html():用来设置或者获得html内容
如果加参数，表示 设置值，如果不加，表示获取值
text()：用来设置或者获得html的文本内容
如果加参数，表示 设置值，如果不加，表示获取值
val()：用来设置和获取表单元素的value属性值
如果加参数，表示设置值，如果不加，表示获取值
attr():用来设置或者获取元素的各种属性值
如果加一个参数，表示获取指定属性的值
如果加两个参数：表示设置指定属性的值
如果参数是一个json格式，表示设置多个属性的值
css():用来设置或者是获取CSS样式的属性值
如果加一个参数，表示获取指定样式的属性的值
如果加两个参数：表示设置指定样式的属性的值
如果参数是一个json格式，表示设置多个样式的属性的值
addClass()：表示给指定元素追加样式，参数就是一个字符串
字符串里表示引用CSS的类选择器名，可以引用多个，多个之间用空格隔开
removeClass()：表示移除指定元素的样式，
参数就是一个字符串
字符串里表示要移除的CSS的类选择器名，可以移除多个，多个之间用空格隔开