JQuery基础教程学习第三章笔记

1、$(document).ready()的书写形式
(1)$(document).ready(function(){
    //这个写代码
   });
(2)$().ready(function(){
 //这里写代码
 });
(3) $(function(){
 //这里写代码
 });
2、bind()方法为每个页面元素制定javaScript事件
$(document).ready(function(){
 $('#switch-lagre').bind('click',function(){
  $('body').addClass('large');
 });
});
3、$(this)表示由选中项生成的jQuery对象。
4、去除bind()方法，简化为具体的形式

以单击事件为例：
$('#switch-lagre').click(function(){
 $('body').addClass('large');
});
5、复合事件处理：截取用户的符合操作，并且以多个函数作为响应操作。
(1)toggle()方法接受2个参数，当第一次触发时调用第一个，而再次触发会调用第二个
$(document).ready(function(){
 $('#switcher h3').toggle(function(){
  $('#switcher .button').addClass('hidden');
 },function(){
  $('#switcher .button').removeClass('hidden');
 });
});
该功能的简写
$(document).ready(functiion(){
 $('#switcher .button').toggleClass('hidden');
})
(2)hover()函数，实现停留和离开时的效果
$(document).ready(function(){
 $('#switcher .button').hover(function(){
  $('#switcher .bitton').addClass('hightLight');
  },function(){
  $('#switcher .bitton').removeClass('hightLight');
  })
});
6、事件捕获：允许多个元素响应单击事件的策略叫做事件捕获。事件捕获先交给最外层的元素，

然后再交给里面的元素。为了防止事件捕获和事件冒泡，引入了事件对象的概念。
(1)、采用事件目标的方式阻止事件冒泡的发生
 $(document).ready(function(){
 $('#switcher').click(funtion(event){
  if(event.target==this){
   $('#switcher .button').toggleClass('hidden');
  }
 });
});
(2)禁止事件的传播，在处理完的事件最后面添加如下的代码：
event.stopPropagation();
(3)终止默认操作事件：例如在用户按回车键时会触发submit事件，为了阻止这样事件的发生，

我们采用如下的方法：此时采用。preventDefault()进行处理。
7、移除事件处理程序
$(document).ready(function(){
 var toggleStyleSwither=function(){
  $('#switcher .button').toggleClass('hidden');
 };)
 $('#switcher').click(toggleStyleSwither);
});
$('#siwither .button').unbind('click' toggleStyleSwitcher);
注意：unbind第一个参数是驱动类型，而第二个参数是移除的函数名。
8、模拟用户的触发事件，在初始化的时候可以预先执行某个方法，此时就是触发事件
在程序中可以触发事件的，例如给一个元素指定单击事件
　　设置单击事件:
$("#testDiv").click(function(event)　{　alert("test　div　clicked　!　");　});
　　等效于:
$("#testDiv").bind("click",　function(event)　{　alert("test　div　clicked　!　");　

});
　　触发单击事件:
$("#testDiv").click();单击事件不带参数时，就是触发事件，它等同于如下的操作：
　　等效于
$("#testDiv").trigger("click");