jquery 遍历数组 each 方法详解
JQuery拿取对象的方式
$(‘#id')：通过元素的id
$(‘tagName'):通过元素的标签名
$(‘tagNametagName'):通过元素的标签名,eg:$(‘ulli')
$(‘tagName#id):通过元素的id和标签名
$(‘:checkbox'):拿取input的type为checkbox'的所有元素:
Eg：
<inputtype="checkbox"name="appetizers"
value="imperial"/>
$('span[price]input[type=text]')：拿取下面的input元素
<spanprice="3">
<inputtype="text"name="imperial.quantity"
disabled="disabled"value="1"/>
</span>
$('div',$(this).parents('div:first'))：拿取该div的上（至少都是父节点）的第一个div节点
$('~span:first',this)：locatesthefirstsiblingofthisthat'sa<span>element.
延迟加载js文件：
$.getScript
例子：
Html文件:
Java代码
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>$.getScriptExample</title>
<linkrel="stylesheet"type="text/css"href="../common.css">
<scripttype="text/javascript"
src="../scripts/jquery-1.2.1.js"></script>
<scripttype="text/javascript">
$(function(){
$('#loadButton').click(function(){
$.getScript(//在Firefox/3.0.1中会出现一个错误(语法错误,定义的变量不起作用,ff2没问题)
'new.stuff.js'//,function(){$('#inspectButton').click()}
);
});
$('#inspectButton').click(function(){
someFunction(someVariable);
test()
});
});
</script>
</head>
<body>
<buttontype="button"id="loadButton">Load</button>
<buttontype="button"id="inspectButton">Inspect</button>
</body>
</html>
Js文件:
Java代码
alert("I'minline!");
varsomeVariable='ValueofsomeVariable';
functionsomeFunction(value){
alert(value);
}
functiontest(){
alert('test');
}
alert("I'minline!");
varsomeVariable='ValueofsomeVariable';
functionsomeFunction(value){
alert(value);
}
functiontest(){
alert('test');
}
jquery数组处理：
Java代码
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hi!</title>
<scripttype="text/javascript"src="../scripts/jquery-1.2.1.js">
</script>
<scripttype="text/javascript">
var$='Hi!';
jQuery(function(){
alert('$='+$);//这里的$为Hi!,把它变回jquery的符号:jQuery(function($){...}/这样就可以了
//alert(jQuery)
});
jQuery(function($){
//------------遍历数组.each的使用-------------
varanArray=['one','two','three'];
$.each(anArray,function(n,value){
//dosomethinghere
//alert(n+''+value);
});
varanObject={one:1,two:2,three:3};
$.each(anObject,function(name,value){
//dosomethinghere
//alert(name+''+value);
});
//-----------过滤数组.grep的使用------------
varoriginalArray=[99,101,103];
varbigNumbers=$.grep(originalArray,'a>100');//第2种写法,还可以用正则表达式来过滤
$.each(bigNumbers,function(n,value){
//dosomethinghere
//alert(n+''+value);
});
//------------转换数组.map的使用------------
varstrings=['1','2','3','4','S','K','6'];
varvalues=$.map(strings,function(value){
varresult=newNumber(value);
returnisNaN(result)?null:result;//如果result不是数字则返回null（返回null在这里相当于不返回）
});
$.each(values,function(n,value){
//dosomethinghere
//alert(value);
});
varcharacters=$.map(
['this','that','otherthing'],
function(value){returnvalue.split('');}//分离字符串用返回给characters
);
//alert(characters.length);
//------------.inArray(value,array)的使用------------返回value在array下标的位置，如果value不在array中则返回
-1
varindex=$.inArray(2,[1,2,3,4,5]);
//alert(index);
//------------makeArray(obj)的使用------------将类数组对象转换为数组对象。
vararr=jQuery.makeArray(document.getElementsByTagName_r("div"));
//arr.reverse();//使用数组翻转函数
$.each(arr,function(n,value){
//dosomethinghere
//alert(n+''+value);
//alert(value.html());
});
vararr2=$.unique(document.getElementsByTagName_r("div"));//获得唯一的对象，看API,说得很模
糊,http://docs.jquery.com/Utilities/jQuery.unique
alert();
$.each(arr2,function(n,value){
//dosomethinghere
alert(n+''+value);
});
});
</script>
</head>
<body>
<div>First</div><div>Second</div><div>Third</div><div>Fourth</div><div>Fourth</div>
</body>
</html>
以上这篇jquery遍历数组each方法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。