jQuery2

一、hover
$(function (){
    $("input").hover(function (){
        动作一       //鼠标移进触发
    },function (){
动作二       //鼠标移出触发
    });
});
 

二、常用事件对象的属性:

  • 阻止冒泡:e.stopPropagation()
  • 阻止默认行为:e.preventDefault();
  • 事件类型:e.type
  • 触发事件的元素(事件委托):e.target
  • 相对文档的坐标:e.pageX/e.pageY
 
三、构建插件
  • 插件编写方式:
    • $.fn.extend({
      方法名一:function (){
          $(this).css("xxx","xxx");
      },
      方法名二:function (){
         方法
      },
      方法名三:function (colorStyle){
         $(this).css("xxx",colorStyle);
      }
      });
  • 调用插件
    • $(function (){
      $("input").on("click",function (){
      $(this).方法名三("green");
      });
      });
 
四、定时器
  • setInterval( fn , time , obj);
  • 参数由原来的两个变成三个参数,加上添加对象
 
五、length
 

获取jQuery 对象中元素的个数。

例子:
$("img").length;

六、判断checkbox是否被选上


注意由:is(":checked")来判断,后面的true不能用引号括上

posted @ 2015-07-21 23:10  心胸广阔  阅读(106)  评论(0编辑  收藏  举报