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事件
}
}