jQuery2

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

2、经常使用事件对象的属性:css

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

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

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

6、判断checkbox是否被选上


注意由:is(":checked")来判断,后面的true不能用引号括上
相关文章
相关标签/搜索