本文以实例的形式总结了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
程序设计有一定的参考价值。