实用工具用法摘要

实用工具用法摘要
本文以实例的形式总结了jQuery的一般实用功能,供大家参考,具体例子如下:

1。修剪字符串
$(# ID)。瓦迩($。修剪($(' # someid)。瓦迩())))
2。遍历集合

写这篇文章是可能的:
VaR数组= {一},;
对于(n = 0 n<VaR;anarray.length;n + +){

}
写这篇文章是可能的:
VaR的对象= {一:1、二:2 };
(VAR P为对象){

}
但是每个函数有$,你可以写这个:
VaR数组= {一},;
美元。每个(数组,函数(n值){

})
VaR的对象= {一:1、二:2 };
美元。每个(anobjct,功能(名称、值){

})

三.滤波器阵列

美元。grep()方法可用于筛选数组。首先,看看grep方法的定义:
一个函数(elems,回调,INV){
VaR ret = { },用;
INV =!!投资;
对于(var i = 0;长度= elems.length;i <长度;i++){
retval =!!回调(elems {我},我)
如果(INV!= retval){
Ret.push(elems {我});
}
}
返回页首;
}

在上面的例子中:

The second parameter of the grep method is the callback function, which receives 2 parameters, one is the element of the array, and the other is the index of the array.

(2)第三个参数INV的grep方法,默认情况下是不确定的,所以!!!发票是虚假的,那就是,INV的默认值为false

示例1:int类型数组
var arr = { 1, 2, 3,4, 5, 6 };
ARR =美元。grep(ARR,功能(Val,指数){
返回3;
})
console.log(ARR); / /结果:456
如果grep第三参数显式设置为true的结果是什么
var arr = { 1, 2, 3,4, 5, 6 };
ARR =美元。grep(ARR,功能(Val,指数){
返回3;
},真的)
console.log(ARR); / /结果:123

可以看出,当grep方法的第三个参数设置为true,数组中的元素不符合回调函数过滤。

示例2:对象类型数组
var arr = {
{
第一:杰夫瑞
最后:道路
{ }。
第一:'阿利森,
最后:道路
{ }。
第一:约翰,
最后:'doe
{ }。
第一:使用OR来显示所有的,
最后:道路
};
ARR =美元。grep(ARR,函数(目标、指标){
返回obj.last =道路;
});
console.log(ARR);
};
4。数组的转换

使用美元。地图(ARR,回调)调用回调函数对数组的每个元素并返回一个新数组

添加1:数组的每个元素
基于VaR的=美元。地图({ 0, 1, 2,3, 4 },{(值)函数返回值+ 1;})

将字符串数组转换为整数数组,以确定数组元素是否为数字。
VaR字符串= { 1,2,3,4,6的',' };
var值= map(字符串,函数(值){)
var =新数字(value);
返回空结果isnan(结果);
})

将转换后的数组合并到原始数组中:
var字符=美元。地图({、},函数(值){ return value.split(')});

5。返回数组元素的索引。

使用美元。内部数组(值、数组)返回传入的值,这是第一个下标索引。
VaR指标=美元。内部数组(2,{ 1, 2, 3 });

6。将对象转换为数组

美元。makearray(对象)转换,进入了一个类似的阵列为Javascript数组对象。
弗斯特

第三
第四

VaR elems = document.getelementsbytagname(div);
var arr = jquery.makearray(单元);
Arr.reverse();
$(ARR)。AppendTo(文档。体);
7。获取不包含重复元素的数组。

$(数组)用于返回未在原始数组中重复的元素数组。
该文档中有6个div。
对所有div,输入Javascript数组,总共有6个div
var div = $(div)得到();
3 / 6级的div div叫DUP与前
div = divs.concat($(。DUP)。得到()));
警报(div。长度); / / 9 DIV
删除重复的过滤器
div = jquery.unqiue(div);
警报(div。长度); / / 6 DIV

8。合并2个数组

美元。合并(array1,array2)合并二数组到第一个数组并返回第一个数组。
var = { 1, 2 };
var = { 2, 3 };
$合并(A1,A2);
console.log(A1); / / { 1, 2, 2,3 }

9。对象序列到查询字符串的序列

美元。参数(参数)转换传入的jQuery对象或Javascript对象转换为字符串形式。
$(文档)Ready(函数(){)
personobj =新的对象();
personobj。firstName=约翰;
personobj。lastName =无名氏;
personobj年龄= 50;
personobj。红=蓝色;
$(按钮)。Click(函数(){)
$(div)。文本(美元。参数(personobj));
});
});

结果:firstName= johnlastname = doeage = 50eyecolor =蓝色

10。一些判断功能

美元。ISArray(O)如果是Javascript数组返回true,如果它是jQuery对象类似于数组的数组,返回false

美元。isemptyobject(O)如果O是一个Javascript对象不包含属性返回true

美元。功能(O)如果我是一个Javascript函数返回true

美元。isplainobject(O)如果是新的(对象){ }或创建对象返回true

美元。isxmldoc(节点)如果节点是一个XML文档或XML文档中的节点返回true

11。确定一个元素是否包含在另一个元素中。

为第二参数。包含(容器,包括containee)
美元。包含(document.documentelement,文件体); / /真的
美元。包含(document.body,文档。文档元素}); / /假

12。将值存储在一个元素上

数据(元素、键、值)的第一个是Javascript对象,第二个和第三个是键值。
获取一个div Javascript对象
var = $(){ 0 };
密钥存储区
jquery.data(DIV,试验
第一:16,
最后:'pizza
})
键/值按读
jquery.data(DIV,测试)。第一
jquey.data(DIV,测试),最后

13。删除存储在元素上的值。
在创作中:
在创作中:
value1后去除:
value2后去除:
var = $(){ 0 };
存储值
jquery.data(DIV,、
删除值
jquery.removedata(DIV,、);

14的语境。结合功能

JQuery.proxy(功能、语境)返回一个新的功能,和上下文语境。
$(文档)Ready(函数(){)
无功objperson = { {
姓名:{无名氏}
年龄:32岁,
测试:函数(){
$(p),(名称+ this.name +年龄:+这个年龄);
}
};
$(按钮)。单击($。代理(objperson,测试));
});

在上面,单击按钮执行测试方法,但是设置测试方法的上下文。

15。解析JSON

对jquery.parsejson第一个参数的类型(JSON),JSON是一个字符串。
var obj = jquery.parsejson({的名字:约翰});
警报(obj.name =约翰);

16。表达式求值

有时候,你想要一块代码可在全球范围内执行,你可以使用jquery.globaleval(代码),代码的类型是一个字符串。
函数测试(){
jquery.globaleval(无功newvar = true;)
}
测试();

17。动态加载脚本

$(选择器)。Getscript(URL,成功(响应状态))是用来加载JS文件动态。第一个参数是js的文件路径。第二个参数是可选的,用于指示js文件的成功回调。
美元。getscript(AJAX /测试。JS
console.log(数据); / /数据恢复
console.log(textstatus); / /成功
console.log(jqxhr。状态); / / 200
console.log(负荷进行。);
});

相信本文对jQuery程序设计有一定的参考价值。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部