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不能用引號括上
相關文章
相關標籤/搜索