jquery中的方法--我的不断累加--four

编程技术  /  houtizong 发布于 3年前   42

今天了解了jQuery中几个自定义的事件：
（1）hover(fn1,fn2)：一个模仿悬停事件的方法。
    //当鼠标放在表格的某行上时将class置为over，离开时置为out。
    $("tr").hover(function(){
       function(){
          $(this).addClass("out");
    });

（2）ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
    $(document).ready(function(){alert("Load Success")})
   //页面加载完毕提示“Load Success”,不同于onload事件，onload需要页面内容加载完毕（图片等），而ready只要页面html代码下载完毕即触发。与$(fn)等价。

（3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。
       //每次点击时轮换添加和删除名为selected的class。
       $("p").toggle(function(){
              $(this).addClass("selected");  
       },function(){
              $(this).removeClass("selected");
       });

（4）trigger(eventtype): 在每一个匹配的元素上触发某类事件。
     eg：
         //触发所有p元素的click事件
        $("p").trigger("click"); 
 
（5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定
     从每一个匹配的元素中（添加）删除绑定的事件。
     eg：
        //为每个p元素添加单击事件
        $("p").bind("click", function(){alert($(this).text());}); 
       //删除所有p元素上的所有事件    
        $("p").unbind();  
       //删除所有p元素上的单击事件  
        $("p").unbind("click")

（6）animate用于创建自定义动画的函数。
             这个函数的关键在于指定动画形式及结果样式属性对象。
             每个属性的值表示这个样式属性到多少时动画结束。
     eg:
         $("a",this).animate({ height: "0px",top: "25px"}, 80);
         $("a",this).animate({ height: "28px",top: "10px"}, 80);

（7）fadeIn(speed,[callback])通过不透明度的变化来实现所有匹配元素的淡入效果并在  动画完成后可选地触发一个回调函数。
  
     eg:
        $("p").fadeIn("fast",function(){
           alert("Animation Done.");
        });