jQuery知识点总结（二）

jQuery知识点总结（二）

jQuery对象

• jQuery对象：是一个伪数组
• 伪数组：具有数组的特性，有0-length-1个属性，并且有length属性

这里定义三个div，将div作为jQuery对象传入控制台。

静态方法和实例方法

静态方法：直接添加到类上面的方法,通过类名调用

function Creat()                        //定义一个类(构造函数){};//静态方法Creat.staticMethod=function()           //给Create类添加一个静态方法{alert(\"我是通过类名调用的静态方法\");}Creat.staticMethod();                   //通过类名调用静态方法

实例方法：添加到原型上的方法，通过实例调用

function Creat()                        //定义一个类(构造函数){};//实例方法Creat.prototype.instaticMethod=function(){alert(\"我是通过实例（对象）调用的实例方法\");}var a=new Creat ();                     //通过实例调用实例方法a.instaticMethod();

jQuery中的静态方法

1. each( )方法和map( )方法

• js中的forEach( )方法
• forEach(value,index) value：数组中的元素 index：数组的索引
• forEach( )方法只能遍历数组，不能遍历伪数组
• forEach( )方法是ES6中新增的方法
• 没有返回值

• js中的map( )方法
• map(value，index) value：数组中的元素 index：数组的索引
• map( )方法只能遍历数组，不能遍历伪数组
• 返回值是一个未定义的数组

• jQuery中的each( )方法

• $.each(arr,function(index,value){ } ; ) index：数组的索引 value：数组中的元素

  注意！each是先传index再传value，和foreach相反

• each( )方法能遍历数组，也能遍历伪数组

• 返回值是遍历的数组中的元素

• jQuery中的map( )方法

• $.map(arr,function(value,index){ } ; ) value：数组中的元素 index：数组的索引

• 注意！map是先传value再传index，和each相仿

• map( )方法能遍历数组，也能遍历伪数组

• 返回值是一个空数组

2.其他静态方法

• $.isArray( )
• $.isArray(变量)，判断该变量是否为一个数组
• 该方法需要一个变量来存储返回结果
• 返回结果有true或false

• $.isWindow( )
• $.isWindow( )(变量)，判断该变量是否为一个数组
• 该方法需要一个变量来存储返回结果
• 返回结果有true或false

• $.isFunction( )

• $.isFunction( )(变量)，判断该变量是否为一个函数

• 该方法需要一个变量来存储返回结果

• 返回结果有true或false
  注意：通过该方法可以知道jQuery是一个立即执行的匿名函数

  (function( window, undefined ) {
  …
  })(window);
  相当于
  function test(){};
  test();

• $.trim( )
• $.trim(字符串)可以去除字符串两端的空格【中间的去不掉】
• 该方法需要一个变量来存储去除过空格的字符串

var str=\"    pxy    \";var res1=$.trim(str);console.log(\"----\"+str+\"----\");console.log(\"----\"+res1+\"----\");

3.holdReady( )方法

• $.holdReady()的作用是暂停恢复ready事件
• 参数true表示暂停
• 参数false表示恢复

以下代码先阻止了ready事件，然后通过点击按钮恢复ready事件（事先在body中放置了一个按钮）

$.holdReady(true);							//暂停ready事件$(document).ready(function(){alert(\"我是ready事件\");})window.onload=function(){var oBtn=document.getElementsByTagName(\"input\")[0];oBtn.onclick=function(){$.holdReady(false);             //点击按钮恢复ready事件}}