`

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

阅读更多
今天了解了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.");
        });

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics