jQuery中一些常用方法

jQuery的一些常用方法

1. 去除字符串的两端空格

   var str = '   aa    ';
   var res =  $.trim（str）；//去除空格会返回新的
   

2. 判断是否是window 判断传入值是否为window对象 返回true or false

   var arr = [1,2,3]
   var w = new window();
   $.isWindow(arr);//false
   $.isWindow(w);//true
   

3. 判断为数组 判断传入值是否为数组 返回布尔值

   var arr = [1,2,3]
   var obj = {0:1,length:1}
   $.isArray(arr)//true
   $.isArray(obj)//false
   

4. 判断是否为函数

   var arr = [1,2,3];
   var fun = new function(){}
   $.isfunction(arr);//false
   $.isfunction(fun);//true
   $.isfunction(jQuery);//true
   

5. 暂停运行

   $.holdReady(true)//暂停
   $.holdReady(false)//开始
   
   

6. 删除绑定事件 off()

   $('对象').off()  //删除这个对象的所有事件
   $('对象').off('click')//删除这个事件绑定的所有点击事件
   $('对象').off('click','but1')//删除指定的but1 的点击事件
   

7. 自动触发 tigger() tiggerhander（）
   两个区别在于 前者会触发冒泡和默认事件
   后者不会触发事件冒泡和默认事件

   $('对象').click(function(){
       alert('对象')
   })
   $('对象').tigger('click')
   
   

8. 鼠标移出 移入事件

   $('元素').mousemove(function(){})  //移入
   $('元素').mouseout(function(){})	//移出  ：特点当移动到子元素上时会触发移出移入事件
   
   $('元素').mouseenter(function(){})	//移入
   $('元素').mouseleave(function(){})	//移出  ：特点只要在该元素的范围内  遇到子元素不会触发移出移入事件
   

事件的默认事件和冒泡

• 阻止事件冒泡

  $('son').click(function(){//第一种方法在儿子里面加return false
      alert('son')；
      return false;
  })
  
  $('son').click(function(event){//第一种方法 会会默认返回一个event事件 可以通过event调用stop这个方法进行阻止
      alert('son')；
      event.stopPropagation()
  })
  
  
  

• 阻止默认事件

  $('a').click(function (){ //在a标签的函数中加return  fasle
      alert('弹出')；
      return false;
  })
  
  $('a').click(function(event){//会默认返回一个event事件 可以通过event调用stop这个方法进行阻止
      alert('son')；
      event.preventDefulat()
  })
  

事件委托

• 就是将事件委托给父级来完成

  $('父级').delegate('儿子','click',function(){
      
  })