jQuery入门到精通(二)连载

简介: jQuery入门到精通

入门jQuery

1.静态方法和实例方法

//1.定义一个类functionAClass () {
}
//2.给这个类添加一个静态方法 直接添加给类的就是静态方法AClass.staticMethod=function(){
alert("staticMethod");
}
//静态方法通过类名调用AClass.staticMethod();
//3. 给这个类添加一个实例方法AClass.prototype.instanceMethod=function(){
alert("instanceMethod");
}
//实例方法通过类的实例调用//创建一个实例(创建一个对象)vara=newAClass();
a.instanceMethod();

2.jQuery-each方法

/*index:遍历到的元素value:当前遍历到的索引注意点:原生的forEach方法只能遍历数组,不能遍历伪数组       jQuery的each方法可以遍历伪数组*/vararr= [1,3,5,7,9];
varobj= {0:1, 1:3, 2:5, 3:7, 4:9, length:5};
arr.forEach(function(value,index){
console.log(index,value);
});
$.each(arr,function(index,value){
console.log(index,value);
});

3.jQuery-map方法

jQuery中的each静态方法和map静态方法的区别:1、each静态方法默认的返回值就是,遍历谁就返回谁。map静态方法默认的返回值是一个空数组;2、each静态方法不支持在回调函数中对遍历的数组进行处理,map静态方法可以在回调函数中通过return对遍历的数组进行处理然后生成一个新的数组返回

/*value:当前遍历到的元素index:当前遍历到的索引array:当前遍历到的数组注意点:原生JS的map方法和原生的forEach一样,不能遍历的伪数组       和jQuery中的each静态方法一样, map静态方法也可以遍历伪数组*/vararr= [1, 3, 5, 7, 9];
varobj= {0:1, 1:3, 2:5, 3:7, 4:9, length:5};
arr.map(function(value, index, array){
console.log(value, index, array);
});
varres=$.each(obj, function (value, index){
console.log(index, value);
});
varres2=$.map(obj, function (value, index){
console.log(index, value);
returnindex+value;
});

4.jQuery中的其它静态方法

/* $.trim();作用:去除字符串两端的空格参数:需要去除空格的字符串返回值:去除空格之后的字符串*/varres="  inj  ";
varstr=$.trim(res);
console.log("---"+res+"---");
console.log("---"+str+"---");
/* $.isWindow();作用:判断传入的对象时候是window对象返回值:true/false*/varres=$.isWindow(arr);
console.log(res);
/* $.isArray();作用:判断传入的对象是否是真数组返回值:true/false*/varres=$.isArray(w);
console.log(res);
/* $.isFunction();作用:判断传入的对象是否是一个函数返回值:true/falsejQuery本质上就是一个函数*/varres=$.isFunction(jQuery);
console.log(res);

5.静态方法holdReady方法

<script>$.holdReady(true); //作用:暂停ready执行$(document).ready(function(){
alert("ready");
    });
</script><body><button>回复ready事件</button><script>varbtn=document.getElementsByTagName("button")[0];
btn.onclick=function(){
alert("btn");
        }
</script></body>


相关文章
|
7月前
|
JavaScript 前端开发 索引
jQuery入门&以及选择器
jQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
32 0
|
8月前
|
存储 JavaScript 前端开发
JQuery(入门~选择器)
JQuery 是快速、简洁的JavaScript库,也就是写好的JS文件。
|
7月前
|
JavaScript 前端开发 Java
jQuery入门&选择器
jQuery入门&选择器
|
7月前
|
存储 JavaScript 前端开发
jQuery 入门&选择器
jQuery 入门&选择器
38 0
|
9月前
|
XML JSON JavaScript
jQuery入门到实战
jQuery入门到实战
jQuery入门到实战
|
5月前
|
存储 JavaScript 前端开发
JQuery入门基础
JQuery入门基础
26 0
|
6月前
|
JavaScript 前端开发 开发工具
jQuery入门级别介绍及选择器的使用----详细介绍
jQuery入门级别介绍及选择器的使用----详细介绍
29 0
|
7月前
|
JavaScript 前端开发
JQuery入门到精通教程(二)
JQuery入门到精通教程(二)
25 0
|
7月前
|
JavaScript 前端开发
JQuery入门到精通教程()
JQuery入门到精通教程()
37 0
|
8月前
|
存储 JavaScript 前端开发
jQuery:入门
jQuery:入门
93 0