jquery遍歷之each()
<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????.left?{
????????width:?auto;
????????height:?150px;
????}
????
????.left?div?{
????????width:?150px;
????????height:?120px;
????????padding:?5px;
????????margin:?5px;
????????float:?left;
????????background:?#bbffaa;
????????border:?1px?solid?#ccc;
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
????<h2>each方法</h2>
????<div?class="left?first-div">
????????<div?class="div">
????????????<ul>
????????????????<li>list?item?1</li>
????????????????<li>list?item?2</li>
????????????????<li>list?item?3</li>
????????????</ul>
????????</div>
????????<div?class="div">
????????????<ul>
????????????????<li>list?item?4</li>
????????????????<li>list?item?5</li>
????????????????<li>list?item?6</li>
????????????</ul>
????????</div>
????</div>
????<br/>
????<button>點(diǎn)擊：each方法遍歷元素</button>
????<button>點(diǎn)擊：each方法回調(diào)判斷</button>
????<script?type="text/javascript">
????$("button:first").click(function()?{
????????//遍歷所有的li
????????//修改每個(gè)li內(nèi)的字體顏色
????????$("li").each(function(index,?element)?{
????????????$(this).css('color','red')
????????})
????})
????</script>
????<script?type="text/javascript">
????$("button:last").click(function()?{
????????//遍歷所有的li
????????//修改偶數(shù)li內(nèi)的字體顏色
????????$("li").each(function(index,?element)?{
????????????if?(index?%?2)?{
????????????????$(this).css('color','blue')
????????????}
????????})
????})
????</script>
</body>
</html>$("li").css('color','red') ? 也可以將li顏色都變?yōu)榧t色，但為什么要用$("li").each(function(index,element){$(this).css('color','red')})呢？ ?還是說兩個(gè)都行，關(guān)鍵應(yīng)用是下面那個(gè)偶數(shù)行的應(yīng)用？
2016-11-05
是的，老師只是用這個(gè)例子來表示each的用法，實(shí)際使用中能用.css解決的事情自然不會(huì)用.each。的確如你所說，偶數(shù)行的應(yīng)用是這個(gè)用法的關(guān)鍵。說白了就是當(dāng)集合中存在需要不同處理的對(duì)象的時(shí)候，就需要用到.each了。
2022-03-23
俺是想知道沒有出現(xiàn)亂碼的原因。。。前面的操作跟老濕的一樣，按理我也應(yīng)該出現(xiàn)亂碼才對(duì)name是控件的名稱，value是控件的值,沒有具體用到這兩屬性的話可以不寫